Chrome 70 新功能

在 Chrome 70 版中,我們現在支援下列項目:

還有許多功能

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

主執行緒
大量執行中的 JavaScript 程式碼,導致出現速度緩慢的卡頓情形。

使用 WebWorkers

主執行緒
無須耗用大量 JavaScript 程式碼,享有快速流暢的體驗。
WebWorker
許多繁重的 JavaScript 正在執行,不會影響主執行緒。

在 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 中專為開發人員設計的其中幾項變更,當然還有許多其他異動。

訂閱

想要隨時掌握最新影片,並訂閱我們的 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。

我是 Pete LePage,當 Chrome 71 推出後,我會馬上通知您,也就是 Chrome 的新功能!