以下是一些注意事項：
- 資訊清單
id屬性可讓您指定 PWA 的專屬 ID。 protocol_handlers屬性可讓您在安裝時，自動將 PWA 註冊為通訊協定處理常式。- 優先順序提示來源試用可讓您指定下載資源的擷取優先順序。
- 您可以強制使用 Chrome 100 版，測試程式碼回應三位數版本號碼的方式。
- Chrome 開發人員高峰會的影片皆可在線上觀看。
- 還有更多應用程式。
我是 Pete LePage，最後是在 Studio 中拍攝，讓我們進入更多機會，看看 Chrome 96 版為開發人員提供的新功能。
PWA 的資訊清單 id
當使用者安裝 PWA 時，瀏覽器需要利用方法識別其身分。
但我們最近並未透過網頁應用程式資訊清單規格指定 PWA 的識別方式、讓瀏覽器決定如何決定，以及促成不同的實作。有些瀏覽器會使用 start_url，有些瀏覽器則會使用資訊清單檔案的路徑。
所以在不影響安裝體驗的情況下，無法變更這兩個欄位。現在，有一個新的選用 id 屬性，可讓您明確定義 PWA 使用的 ID。
在資訊清單中新增 id 屬性，即可移除 start_url 或資訊清單位置的依附元件，並使這些欄位能夠更新。
{
...
id: "/?homescreen=1",
start_url: "/?homescreen=1",
...
}
自 Chrome 第 96 版起，電腦版瀏覽器現在也支援 id 屬性。目前對行動裝置的支援 (目前使用資訊清單網址做為專屬 ID) 預計將於 2022 上半年推出。
如果正式版已有 PWA，而且想將 id 加入資訊清單，您必須使用瀏覽器指派的 ID。您可以在開發人員工具的「Application」面板的「Manifest」窗格中找到 id。
對於全新的 PWA，您可以將 id 設為任何想要的字串值。不過請注意，您日後無法變更這項設定，因此請謹慎選擇。
{
...
id: "SquooshApp",
start_url: "/?homescreen=1",
...
}
詳情請參閱「使用網頁應用程式資訊清單 ID 屬性來識別 PWA」。
PWA 的網址通訊協定處理常式
網頁應用程式可以使用 navigator.registerProtocolHandler() 註冊為通訊協定處理常式。舉例來說，Gmail 可註冊 mailto 通訊協定。這樣一來，當使用者點選含有 mailto: 前置字串的連結時，Gmail 就會開啟，方便使用者傳送電子郵件。
從 Chrome 96 版開始，PWA 可以在安裝過程中註冊為通訊協定處理常式。若想為 PWA 執行這項操作，請在網頁應用程式資訊清單中加入 protocol_handlers 屬性、指定要處理的 protocol，以及點按後應開啟的 url。
...
"protocol_handlers": [
{
"protocol": "web+tea",
"url": "/tea?type=%s"
},
{
"protocol": "web+coffee",
"url": "/coffee?type=%s"
}
]
}
這裡有一些限制，而且您無法只註冊任何通訊協定，因此請參閱「PWA 的網址通訊協定處理常式註冊」一文瞭解詳情，以及如何使用 web+ 語法建立自己的通訊協定！
優先順序提示 (來源試用)
如果瀏覽器剖析網頁，並開始搜尋並下載資源 (例如圖片、指令碼或 CSS)，就會指派擷取優先順序，嘗試最佳化網頁載入。瀏覽器非常適合用來指派優先順序，但不一定在所有情況下都是最佳選擇。
優先順序提示是一項實驗功能，從 Chrome 96 版開始提供來源試用，可協助最佳化 Core Web Vitals。importance 屬性可讓您指定資源類型 (例如 CSS、字型、指令碼、圖片和 iframe) 的優先順序。
<!-- We don't want a high priority for this above-the-fold image -->
<img src="/not-important.svg" importance="low">
<!-- Initiate an early fetch for a resource, but de-prioritize it -->
<link rel="preload" href="/script.js" as="script" importance="low">
<script>
fetch('https://example.com/', {importance: 'high'})
.then(data => {
// Trigger a high priority fetch
});
</script>
以「Google 航班/機票」頁面為例。背景圖片是最大的內容繪製 (LCP)。
讓我們看看載入後，其中含有優先順序提示。在背景圖片上將優先順序設為 high 的情況下，LCP 會從 2.6 秒降至 1.9 秒。
如需更多詳細資訊、如何註冊來源試用服務，以及幾個有助於改善轉譯效能的實例，請參閱使用 Fetch Priority API 最佳化資源載入一文。
在 UA 字串中模擬 Chrome 100
明年初，我們將實現 Chrome 100 的三位數版本號碼。凡是會檢查版本號碼或剖析通用 Analytics (分析) 字串的程式碼，都應檢查，確保其處理的是三位數。
自 Chrome 96 版起，系統會使用新的標記 #force-major-version-to-100，將目前的版本號碼變更為 100，以確保一切運作正常。
詳情請參閱透過 User-Agent 字串強制 Chrome 主要版本至 100。
Chrome 開發人員高峰會
Chrome 開發人員高峰會已完成。所有影片和內容 都提供網路觀看您可以查看 Chrome 開發人員高峰會網站，或是如果您錯過主題演講或直播，請前往 Chrome Developers YouTube 頻道查看 CDS 播放清單。
還有更多獎品等著您！
當然還有許多其他東西。
- 「返回」、「快轉」快取 (或「
bfcache」) 現已推出穩定版，Chrome 可與 Firefox 和 Safari 搭配運作。
其他資訊
這僅涵蓋部分重點功能。如要瞭解 Chrome 96 的其他變更，請點選下方連結。
- Chrome 開發人員工具新功能 (96)
- Chrome 96 淘汰和移除
- 適用於 Chrome 96 的 ChromeStatus.com 更新
- Chrome 96 版 JavaScript 新功能
- Chromium 原始碼存放區變更清單
- Chrome 發布時間表
訂閱
如要隨時掌握最新資訊，請訂閱 Chrome Developers YouTube 頻道。每當我們推出新影片時，您就會收到電子郵件通知。
我是 Pete LePage，只要 Chrome 97 版推出，我就會在這裡為您提供 Chrome 的新功能！