Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
安裝電腦版漸進式網頁應用程式的網址列
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
只要透過 Chrome 網址列 (網址列) 中的新安裝按鈕,就能輕鬆安裝漸進式網頁應用程式。
在電腦上,系統通常不會向使用者顯示可安裝的漸進式網頁應用程式,如果有,安裝流程會隱藏在三點選單中。
在 Chrome 76 (2019 年 6 月中旬的 Beta 版) 中,我們在網址列 (Omnibox) 中加入安裝按鈕,讓使用者更輕鬆地在電腦上安裝漸進式網頁應用程式。如果網站符合漸進式網頁應用程式安裝可行性標準,Chrome 就會自動在網址列中顯示安裝圖示。按一下按鈕,系統會提示使用者安裝 PWA。
如同其他安裝事件,您可以監聽 appinstalled 事件,偵測使用者是否安裝 PWA。
新增自訂安裝提示
如果您的 PWA 有使用案例,使用者安裝應用程式會有所助益 (例如使用者每週使用應用程式超過一次),您應在應用程式的網頁 UI 中宣傳 PWA 安裝作業。
如要新增自訂安裝按鈕,請監聽 beforeinstallprompt 事件。事件觸發時,請儲存事件參照,並更新使用者介面,讓使用者知道他們可以安裝漸進式網頁應用程式。
您可以透過三種主要方式宣傳 PWA 安裝作業:
- 自動瀏覽器宣傳功能,例如網址列安裝按鈕。
- 應用程式 UI 宣傳:UI 元素會顯示在應用程式介面中,例如橫幅、標題或導覽選單中的按鈕等。
- 內嵌宣傳模式:在網站內容中穿插宣傳內容。
如需更多資訊,請參閱「宣傳 PWA 安裝作業 (行動裝置)」的模式。這項工具著重於行動裝置,但許多模式也適用於電腦,或可輕鬆修改以便在電腦上使用。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2019-06-12 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2019-06-12 (世界標準時間)。"],[],[]]