在 Chrome 70 版中,我們現在支援下列項目:
- Windows 和 Linux 上的電腦版漸進式網頁應用程式。
- Credential Management API 開始支援公開金鑰憑證。
- 現在,您可以為 worker 命名!
還有許多功能!
我是 Pete LePage。讓我們深入探索 瞭解 Chrome 70 為開發人員提供了哪些新功能!
需要完整的變更清單嗎?詳情請參閱 Chromium 原始碼存放區變更清單。
在 Windows 和 Linux 上使用電腦版漸進式網頁應用程式
使用者現在可以在 Windows 和 Linux 上安裝電腦版漸進式網頁應用程式!
安裝完成後,應用程式會從「開始」選單啟動,並像其他已安裝的應用程式一樣執行,無需使用網址列或分頁。Service Worker 會確保其快速可靠,應用程式視窗能讓他們感覺就像其他安裝版應用程式一樣。
開始使用功能與您目前的做法大同小異。您為現有 Progressive Web App 完成的所有工作仍然適用!
如果您的應用程式符合標準 PWA 標準,Chrome 會觸發 beforeinstallprompt
事件。儲存事件,然後新增一些 UI (例如安裝應用程式按鈕),讓使用者知道可以安裝應用程式。接著,當使用者點選按鈕時,針對已儲存的事件呼叫 prompt()
,Chrome 便會向使用者顯示提示。使用者按下「新增」後,Chrome 就會將 PWA 新增到開始選單和桌面。
詳情請參閱我的 Desktop PWA 文章。
Credential Management API:公開金鑰憑證
Credential Management API 可讓使用者輕鬆登入。可讓您的網站與瀏覽器的憑證管理工具或聯合帳戶服務 (例如 Google 和 Facebook) 互動。
Chrome 70 開始支援第三種憑證:公開金鑰憑證,可讓網頁應用程式建立並使用、經過加密、經過加密驗證,以及應用程式範圍的憑證,以便嚴格驗證使用者。
我很興奮,因為這項服務允許網站使用我的指紋進行雙重驗證。但也支援其他類型的安全金鑰,以及更安全的網路安全性。
請參閱 Credential Management API 文件瞭解詳情,或是透過 WebAuthn 示範來試用看看,以及如何開始使用!
名稱為「workers
」
工作站可讓您輕鬆將 JavaScript 從主執行緒移至背景。對維持網站互動的方式非常重要,因為如果主要執行緒正在執行昂貴或複雜的 JavaScript 運算作業,主執行緒就不會鎖定。
不使用 WebWorker
使用 WebWorkers
在 Chrome 70 版中,工作站現在有 name
屬性,可透過建構函式上的選用引數指定。
const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);
如此一來,如果您有多個工作站使用相同網址,您就可以依據 name
區分專屬工作站。您也可以在開發人員工具控制台中列印名稱,以便輕鬆確認要偵錯的工作站!
Firefox、Edge 和 Safari 已支援命名 worker。詳情請參閱 GitHub 上的討論。
還有更多獎品等著您!
以上只是 Chrome 70 中專為開發人員設計的其中幾項變更,當然還有許多其他異動。
- 網路藍牙現在已於 Windows 10 推出,可讓網站以安全且保護隱私權的方式,與附近使用者選取的藍牙裝置進行通訊。
- Chrome 可以使用
Report-To HTTP
回應標頭欄位傳送介入和淘汰訊息至您的伺服器,也可以在ReportingObserver
介面中顯示這些訊息。 - 您應瞭解一些重要的淘汰項目,詳情請參閱 Chrome 70 版淘汰和移除一文。
- 請務必參閱最新的「開發人員工具新功能」文章,瞭解 Chrome 開發人員工具的新功能。
訂閱
想要隨時掌握最新影片,並訂閱我們的 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
我是 Pete LePage,當 Chrome 71 推出後,我會馬上通知您,也就是 Chrome 的新功能!