漸進式網頁應用程式 (PWA) 是採用網頁技術建構的現代優質應用程式,PWA 提供類似行動和電腦應用程式的功能,即使在網路不穩定的情況下也能穩定運作,而且可供安裝,方便使用者尋找及使用。
大多數使用者都熟悉應用程式安裝程序,也瞭解安裝後的好處。安裝的應用程式會顯示在作業系統啟動介面上,例如 macOS X 的「應用程式」資料夾、Windows 的「開始」功能表,以及 Android 和 iOS 的主畫面。已安裝的應用程式也會顯示在活動切換器、Spotlight 等裝置搜尋引擎,以及內容分享工作表中。
如果漸進式網頁應用程式 (PWA) 符合特定條件,大多數瀏覽器都會向使用者顯示可安裝的提示。例如網址列中的「安裝」按鈕,或是溢位選單中的「安裝」選單項目。
此外,符合條件時,許多瀏覽器都會觸發 beforeinstallprompt 事件,讓您提供自訂應用程式內 UX,在應用程式中觸發安裝流程。
安裝條件
在 Chrome 中,漸進式網頁應用程式必須符合下列條件,才會觸發 beforeinstallprompt 事件並顯示瀏覽器內安裝促銷活動:
- 尚未安裝網頁應用程式。
- 符合使用者參與度啟發式原則:
- 使用者必須在網頁上點選或輕觸至少一次,即使是在先前的網頁載入期間也一樣。
- 使用者必須在任何時間點觀看網頁至少 30 秒。
- 透過 HTTPS 提供。
- 包含網路應用程式資訊清單,其中包含:
short_name或nameicons- 必須包含 192 像素和 512 像素的圖示start_urldisplay- 必須是fullscreen、standalone、minimal-ui或window-controls-overlay- 不得出現
prefer_related_applications,或必須為false
其他瀏覽器的安裝條件類似,但可能略有差異。如需完整詳細資料,請查看下列網站: