瞭解其他開發人員如何利用網路為使用者打造絕佳的網路體驗,並瞭解原因。

定期背景同步功能可讓您在啟動漸進式網頁應用程式或服務工作者支援的頁面時,顯示最新內容。這項功能會在未使用應用程式或網頁時,在背景下載資料。 服務工作者安裝完成後,請使用 Permissions API 查詢 periodic-background-sync 。您可以透過視窗或服務工作者內容執行這項操作。 註冊定期同步處理作業時,必須同時提供標記和最小同步間隔 ( minInterval )。標記可識別註冊的同步處理作業,以便註冊多個同步處理作業。在下方範例中,標記名稱為

應用程式捷徑可協助使用者在網頁應用程式中快速啟動常見或建議的工作。只要在顯示應用程式圖示的任何位置輕鬆存取這些工作,就能提升使用者的生產力,並提高他們對網頁應用程式的參與度。 只要在使用者的電腦桌面上,在工具列 (Windows) 或 Dock (macOS) 中的應用程式圖示上按一下滑鼠右鍵,或在 Android 上按住應用程式的啟動器圖示,即可叫用應用程式捷徑選單。 應用程式快速鍵選單只會顯示已安裝的 漸進式網頁應用程式 。請參閱 學習 PWA 模組中的「安裝」 ,瞭解安裝規定。

請參閱下例,瞭解預設體驗,使用的背景資訊不足。 如要取得資訊豐富的安裝 UI 對話方塊,而非一般小型的預設提示,請在網路資訊清單中新增 screenshots 和 description 欄位。請參考以下 Squoosh.app 的範例: 更豐富的安裝 UI 對話方塊是由網路資訊清單中 description 和 screenshots 欄位的內容組成。 如要觸發對話方塊,您只需為對應的板型規格新增至少一張螢幕截圖,建議一併加入說明。請查看下方各欄位的詳細資訊。

Badges are used to convey non-urgent information to the user. For example, they are used to indicate the status of an app, or the number of unread items. The classic way of creating an app badge is to add a number to the favicon. On modern browsers,

Sometimes you want to let users of your app select one of their contacts to message via an email or chat application, or help them discover which of their contacts have already joined a social platform. To get contacts from the address book, you need

To make sure your browser supports the getScreenDetails() method, first check if it exists on the window object. Then, call window.getScreenDetails() to get attached screens. Adding an event listener to adapt to changed screen details allows you to

Letting the user share the website they are on is a common web apps pattern that you can find on many news sites, blogs, or shopping sites. Since linking is one of the web's super powers, the hope is to acquire traffic from users who see the shared