漸進式網頁應用程式 (PWA) 是使用網頁技術建構的現代化高品質應用程式。PWA 的功能與 iOS/Android/電腦版應用程式類似,即使網路狀況不穩定,應用程式依然穩定可靠,使用者也能輕鬆安裝 PWA。
大多數使用者都熟悉安裝應用程式,也瞭解安裝體驗的好處。已安裝的應用程式會顯示在作業系統啟動畫面上,例如 Mac OS X 的「應用程式」資料夾、Windows 的「開始」選單,以及 Android 和 iOS 的主畫面。已安裝的應用程式也會顯示在活動切換器、Spotlight 等裝置搜尋引擎,以及內容分享表單中。
大多數瀏覽器都會告知使用者,您的漸進式網頁應用程式 (PWA) 必須符合特定條件才能安裝。範例指標包括網址列中的「安裝」按鈕,或溢位選單中的「安裝」選單項目。
此外,許多瀏覽器會在符合條件時觸發 beforeinstallprompt
事件,讓您提供自訂的應用程式內使用者體驗,進而觸發應用程式內的安裝流程。
安裝條件
在 Chrome 中,漸進式網頁應用程式必須符合下列條件,才能觸發 beforeinstallprompt
事件並顯示瀏覽器內安裝宣傳活動:
- 未安裝網頁應用程式
- 符合使用者參與度經驗法則:
- 使用者必須至少點選或輕觸網頁一次 (不限時間,甚至是在先前載入的網頁中)
- 使用者必須停留至少 30 秒才能瀏覽網頁
- 透過 HTTPS 提供
- 包含網路應用程式資訊清單,其中包含:
short_name
或name
icons
- 必須包含 192 像素和 512 像素的圖示start_url
display
- 必須是fullscreen
、standalone
、minimal-ui
或window-controls-overlay
其中之一prefer_related_applications
不得包含,或是為false
其他瀏覽器的安裝條件也類似,但可能有些微差異。詳情請參閱個別網站: