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 中,您可以為 worker 命名。詳情請參閱 GitHub 上的討論串

還有更多獎品等著您!

當然,這只是 Chrome 70 中針對開發人員所做的部分異動,還有更多變更。

訂閱

如要隨時掌握最新影片,請訂閱 Chrome 開發人員 YouTube 頻道,這樣一來,我們發布新影片時,你就會收到電子郵件通知。

我是 Pete LePage,Chrome 71 版一推出,我就會馬上在這裡告訴你 Chrome 有哪些新功能!