سلام،
برای اضافه کردن سایت خود به صفحه اصلی گوشی کاربر، می توانید از متدی به نام "Add to Home Screen" استفاده کنید که توسط برخی از مرورگرها پشتیبانی می شود.
شما می توانید این متد را با استفاده از کد زیر به صورت دستی فراخوانی کنید:
<script type="text/javascript">
function addToHomeScreen() {
if (window.navigator.standalone === true) {
return false;
} else if (window.matchMedia('(display-mode: standalone)').matches) {
return false;
}
var a2hsBtn = document.createElement("a");
a2hsBtn.setAttribute("href", "#");
a2hsBtn.className = "add-to-home-screen";
a2hsBtn.innerHTML = "اضافه کردن به صفحه اصلی";
document.body.appendChild(a2hsBtn);
a2hsBtn.addEventListener("click", addToHomeScreenHelper);
}
function addToHomeScreenHelper(e) {
e.preventDefault();
var a2hsBanner = document.querySelector('.add-to-home-screen');
a2hsBanner.style.display = 'none';
window.addEventListener('beforeinstallprompt', function(event) {
event.preventDefault();
event.prompt();
a2hsBanner.parentElement.removeChild(a2hsBanner);
});
return false;
}
window.addEventListener('load', addToHomeScreen, false);
</script>
این کد یک لینک "افزودن به صفحه اصلی" را در صفحه نشان می دهد و در صورت کلیک کردن روی آن، مرورگر بازگشتی با نمایش پیام "Add to Home Screen" نشان می دهد. این پیام به کاربر اجازه می دهد سایت را به صفحه اصلی گوشی خود اضافه کند.
همچنین، در لاراول شما میتوانید از یکی از کتابخانه هایی که موجود اند برای نمایش پیام "افزودن به صفحه اصلی" استفاده کنید. به عنوان مثال، می توانید از کتابخانه "pwa-install" استفاده کنید:
https://github.com/mohit-kumar-s/pwa-install
با استفاده از این کتابخانه، می توانید یک منوی "افزودن به صفحه اصلی" با استفاده از اجزای css ایجاد کنید. شما می توانید از مثال های موجود برای نصب و استفاده از این کتابخانه در لاراول استفاده کنید.
موفق باشید.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟