Chrome 89 版已開始在穩定版中推出。
以下是一些注意事項：
- WebHID、WebNFC 和 Web Serial 已完成原始碼試用，現在可穩定運作。
- 我們將封鎖部分開發人員用來規避 PWA 安裝規定檢查的漏洞。
- 網頁分享和網頁分享目標功能已在電腦版推出。
- 還有許多其他功能。
我是 Pete LePage，在家工作和拍攝影片。讓我們深入瞭解 Chrome 89 為開發人員帶來哪些新功能！
WebHID、WebNFC 和 Web Serial
我對 WebHID、WebNFC 和 Web Serial 感到非常興奮。為使用者開啟前所未有的新情境，與現實世界中的硬體互動。
開發人員可透過這些 API 連線至有趣又獨特的硬體，以及視訊會議應用程式，以便使用專用音箱上的電話按鈕。或任何其他用途。
@AndreBan 使用 Web Serial，並編寫約 60 行程式碼，建立可與 Raspberry Pi Pico 上的 MicroPython REPL 互動的網頁。Espruino 也會在網頁式 IDE 中使用 Web Serial。
在 2019 年的 CDS 大會上，Francois 使用 Web NFC 編寫了一款有趣的記憶遊戲。你必須依正確順序輕觸手機右側的卡片。
我最喜歡的 @bramus 則使用 WebHID 連線至 StreamDeck，打造 Daft Punk 鼓墊。如果沒有 StreamDeck，請觀看 YouTube 上的示範影片，並查看 GitHub 上的程式碼。
無論是網站與硬體互動，還是硬體與許多網站互動，使用者都不需要安裝特殊驅動程式或軟體，因此都能受益。
如要進一步瞭解可連線的裝置，請前往 web.dev/devices，或參閱 WebHID、WebNFC 和 Web Serial 的入門指南。
PWA 安裝資格條件異動
從一開始，離線支援就是漸進式網頁應用程式可安裝性標準的重要部分。如同其他已安裝的應用程式，使用者希望這類應用程式能穩定運作。速度要快，而且絕不能看到離線恐龍！
我們預計在今年稍晚關閉漏洞，避免少數網站在沒有離線體驗的情況下，通過可安裝性條件。如果 PWA 已經提供離線體驗，就表示一切就緒。你不需要採取任何行動，但如果沒有，現在就該新增了！
從 Chrome 89 開始，如果 PWA 在離線時未提供有效回應，您會在開發人員工具的「問題」分頁中看到警告，Lighthouse 也會指出有問題。Chrome 93 版將於今年稍晚開始強制執行這項政策。
你可以決定要提供哪種離線體驗。建議盡可能提供詳細的體驗資訊。但至少可以像離線備用網頁一樣簡單。
如要進一步瞭解這項異動及其原因，請參閱「改善漸進式網頁應用程式離線支援偵測功能」。
如果不確定從何著手，請參閱 Workbox。這項工具提供一系列程式庫，可為 PWA 打造適用於正式環境的 Service Worker。或者，如要建立簡單的離線備援頁面，請參閱「建立離線備援頁面」一文，其中提供您所需的所有程式碼，可直接複製並貼到網站中。
電腦版網頁分享和網頁分享目標
如果網站允許使用者建立、編輯或互動檔案，您應該使用 Web Share 和 Web Share Target API。這些 API 已在行動裝置上推出一段時間，現在也支援 ChromeOS 和 Windows。
使用者可以透過 Web Share 將檔案或資料傳送至裝置上安裝的其他應用程式，例如將 Google 相簿中的相片分享到 Twitter。
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
如要註冊為目標，讓其他應用程式與您共用檔案或資料，請使用 Web Share Target API。
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
如需入門指南，請參閱「使用 Web Share API 整合 OS 分享 UI」和「使用 Web Share Target API 接收共用資料」。
其他
當然還有許多其他功能。
Chrome 現在允許 JavaScript 模組中的頂層 await。
為減少使用者的困惑，我們更新了網址列中可安裝 PWA 顯示的圖示。
此外，如果您已使用「信任的網頁活動」在 ChromeOS 的 Play 商店中提供 PWA，可以註冊數位商品 API 來源試用。
延伸閱讀
這僅涵蓋部分重點。如要瞭解 Chrome 89 的其他異動，請參閱下方連結。
- Chrome 開發人員工具 (89) 的新功能
- Chrome 89 的淘汰和移除項目
- Chrome 88 的 ChromeStatus.com 更新
- Chrome 88 版 JavaScript 的新功能
- Chromium 來源存放區變更清單
訂閱
如要隨時掌握我們的影片動態，請訂閱 Chrome 開發人員 YouTube 頻道，這樣我們發布新影片時，您就會收到電子郵件通知。
我是 Pete LePage，Chrome 90 一推出，我會立即在此說明 Chrome 的新功能！
抵免額
Raspberry Pi 和 Arduino 的相片由 Harrison Broadbent 在 Unsplash 上提供