在 Chrome 76 中，你可以隱藏「新增到主畫面」迷你資訊列

Penny McLachlan

注意： TL;DR：我們推出了更多控制項，可讓您進一步掌控 PWA「新增至主畫面」迷你資訊列。自 Chrome 76 (2019 年 7 月) 起，您可以對 beforeinstallprompt 事件呼叫 preventDefault()，避免迷你資訊列顯示。

漸進式網頁應用程式與迷你資訊列的背景

漸進式網頁應用程式 (PWA) 是一種模式，可用來建立類似應用程式、立即載入、可靠且可安裝的網站。

當 PWA 通過 Android 的可安裝性檢查清單時，瀏覽器視窗底部會顯示名為「迷你資訊列」的 Chrome 系統對話方塊。

目前，「新增至主畫面」迷你資訊列會與 beforeinstallprompt 事件同時顯示。

Chrome 76 的異動內容

注意：Chrome 76 已於 2019 年 7 月進入穩定版。

我們一直在傾聽社群的意見，聽到開發人員表示，開發人員希望能進一步掌控要求使用者安裝 PWA 的時機。你的心聲，我們都聽見了！

從 Chrome 76 版開始，您可以對 beforeinstallprompt 事件呼叫 preventDefault()，藉此防止迷你資訊列。

beforeinstallprompt 事件可協助您鼓勵使用者安裝漸進式網頁應用程式，以便使用者輕鬆將其新增至主畫面。我們社群表示，將 PWA 安裝到主畫面的使用者參與度較高，不僅會增加回訪次數、在應用程式中使用時間，在適用情況下，轉換率也更高。

透過安裝橫幅提升 PWA 安裝能力的 Pinterest 範例。如需新增至主畫面流程的完整詳細資料，包括程式碼範例和其他最佳做法，請參閱「新增至主畫面」。

如要在沒有迷你資訊列的情況下宣傳網頁應用程式，請監聽 beforeinstallprompt 事件，然後儲存事件。接下來，請更新使用者介面來指出能夠安裝 PWA，例如新增安裝按鈕、顯示安裝橫幅、使用動態內宣傳功能或選單選項。當使用者按一下安裝元素時，在已儲存的 beforeinstallprompt 事件上呼叫 prompt()，以顯示新增至主畫面互動視窗對話方塊。

「新增至主畫面」迷你資訊列的未來

目前使用「新增至主畫面資訊列」功能仍為暫時性措施。我們正在對新的 UI 模式進行實驗，讓 Progressive Web App 的使用者能夠繼續安裝，從而減少瀏覽體驗。