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