پس زمینه برنامه های وب پیشرفته و نوار اطلاعات کوچک
برنامه های وب پیشرو (PWA) الگویی برای ایجاد وب سایت های برنامه مانند، بارگذاری فوری، قابل اعتماد و قابل نصب هستند.
هنگامی که PWA شما چک لیست قابلیت نصب را در Android رد می کند، یک گفتگوی سیستم Chrome به نام mini-infobar در پایین پنجره مرورگر ظاهر می شود.
امروزه نوار اطلاعات کوچک افزودن به صفحه اصلی همزمان با رویداد beforeinstallprompt نمایش داده می شود.
تغییرات در کروم 76
ما به انجمن خود گوش می‌دادیم و چیزی که شنیدیم این بود که توسعه‌دهندگان می‌خواهند کنترل بیشتری روی زمان درخواست از کاربران برای نصب PWA داشته باشند. ما شما را شنیدیم!
با شروع در Chrome 76، می‌توانید با فراخوانی preventDefault() در رویداد beforeinstallprompt از نوار اطلاعات کوچک جلوگیری کنید.
رویداد beforeinstallprompt می تواند به شما کمک کند تا نصب برنامه وب پیشرو خود را ارتقا دهید و کاربران بتوانند آن را به صفحه اصلی خود اضافه کنند. جامعه ما به اشتراک گذاشته است که کاربرانی که PWA را در صفحه اصلی نصب می‌کنند بسیار درگیر هستند، با بازدیدهای مکرر بیشتر، زمان صرف شده در برنامه و در صورت لزوم نرخ تبدیل بالاتر.
برای تبلیغ برنامه وب خود بدون نوار اطلاعات کوچک، به رویداد beforeinstallprompt گوش دهید، سپس رویداد را ذخیره کنید. در مرحله بعد، رابط کاربری خود را به‌روزرسانی کنید تا نشان دهد PWA شما می‌تواند نصب شود، برای مثال با افزودن دکمه نصب، نمایش بنر نصب، استفاده از تبلیغات درون فید یا یک گزینه منو. هنگامی که کاربر بر روی عنصر install کلیک می کند، prompt() در رویداد ذخیره شده beforeinstallprompt فراخوانی کنید تا گفتگوی modal add to home screen نمایش داده شود.
آینده نوار اطلاعات کوچک افزودن به صفحه اصلی
استفاده از نوار اطلاعات افزودن به صفحه اصلی هنوز یک اقدام موقتی است. ما در حال آزمایش الگوهای رابط کاربری جدید هستیم که به کاربران برنامه وب پیشرفته امکان نصب را ادامه می دهند و این کار را به گونه ای انجام می دهند که درهم ریختگی در تجربه مرور را کاهش می دهد.