在 Chrome 76 中,你可以隱藏「新增到主畫面」迷你資訊列
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
漸進式網頁應用程式與迷你資訊列的背景
漸進式網頁應用程式 (PWA) 是一種模式,可用來建立類似應用程式、立即載入、可靠且可安裝的網站。
當 PWA 通過 Android 的可安裝性檢查清單時,瀏覽器視窗底部會顯示名為「迷你資訊列」的 Chrome 系統對話方塊。
目前,「新增至主畫面」迷你資訊列會與 beforeinstallprompt
事件同時顯示。
Chrome 76 的異動內容
我們一直在傾聽社群的意見,聽到開發人員表示,開發人員希望能進一步掌控要求使用者安裝 PWA 的時機。你的心聲,我們都聽見了!
從 Chrome 76 版開始,您可以對 beforeinstallprompt
事件呼叫 preventDefault()
,藉此防止迷你資訊列。
beforeinstallprompt
事件可協助您鼓勵使用者安裝漸進式網頁應用程式,以便使用者輕鬆將其新增至主畫面。我們社群表示,將 PWA 安裝到主畫面的使用者參與度較高,不僅會增加回訪次數、在應用程式中使用時間,在適用情況下,轉換率也更高。
透過安裝橫幅提升 PWA 安裝能力的 Pinterest 範例。如需新增至主畫面流程的完整詳細資料,包括程式碼範例和其他最佳做法,請參閱「新增至主畫面」。
如要在沒有迷你資訊列的情況下宣傳網頁應用程式,請監聽 beforeinstallprompt
事件,然後儲存事件。接下來,請更新使用者介面來指出能夠安裝 PWA,例如新增安裝按鈕、顯示安裝橫幅、使用動態內宣傳功能或選單選項。當使用者按一下安裝元素時,在已儲存的 beforeinstallprompt
事件上呼叫 prompt()
,以顯示新增至主畫面互動視窗對話方塊。
「新增至主畫面」迷你資訊列的未來
目前使用「新增至主畫面資訊列」功能仍為暫時性措施。我們正在對新的 UI 模式進行實驗,讓 Progressive Web App 的使用者能夠繼續安裝,從而減少瀏覽體驗。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2019-05-20 (世界標準時間)。
[[["容易理解","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-05-20 (世界標準時間)。"],[],[]]