Chrome 70 新功能

在 Chrome 70 中,我們新增了以下支援功能:

還有更多

我是 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

主執行緒
執行大量繁重的 JavaScript,導致使用者體驗變慢且不流暢。

使用 WebWorkers

主執行緒
不會執行大量 JavaScript,因此可提供快速流暢的體驗。
WebWorker
執行大量繁重 JavaScript,不會影響主執行緒。

在 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 為開發人員進行的改變,當然還有更多。

訂閱

想隨時掌握最新消息,再訂閱我們的 Chrome 開發人員 YouTube 頻道,每當我們推出新影片時,您會收到電子郵件通知。

我是 Pete LePage,每當 Chrome 71 推出時,我就會立即 向大家說明 Chrome 的新功能!