安裝電腦版漸進式網頁應用程式的網址列

漸進式網頁應用程式在 Chrome 網址列 (網址列) 中增設了新的安裝按鈕,因此易於安裝。

在電腦上,通常不會讓使用者知道 Progressive Web App 可安裝,如果已安裝,安裝流程則會隱藏在三點圖示選單中。

在 Chrome 76 (2019 年 6 月中旬的 Beta 版) 中,我們會在網址列 (網址列) 中新增安裝按鈕,讓使用者更容易在電腦上安裝漸進式網頁應用程式。如果網站符合漸進式網頁應用程式安裝性條件,Chrome 會自動在網址列顯示安裝圖示。按一下按鈕,會提示使用者安裝 PWA。

與其他安裝事件一樣,您可以監聽 appinstalled 事件,以偵測使用者是否安裝您的 PWA。

新增自己的安裝提示

如果您的 PWA 用途有助使用者安裝應用程式 (例如,如果您的使用者會多次使用您的應用程式,建議您在應用程式的網頁 UI 中鼓勵安裝 PWA)。

如要新增自己的自訂安裝按鈕,請監聽 beforeinstallprompt 事件。觸發時,請儲存事件參照並更新使用者介面,讓使用者知道可以安裝漸進式網頁應用程式。

提升 PWA 安裝模式的模式

宣傳 PWA 安裝方式的主要方法有三種:

  • 自動宣傳瀏覽器,例如網址列安裝按鈕。
  • 應用程式 UI 宣傳:UI 元素顯示在應用程式介面上的位置,例如橫幅、標頭或導覽選單中的按鈕等。
  • 內嵌宣傳模式:在網站內容中穿插促銷活動。

詳情請參閱升級 PWA 安裝 (行動裝置) 的模式。其重點在於行動裝置,但許多模式都適用於電腦,或是可以輕鬆修改以提供電腦版體驗。