Chrome 67 版新功能

  • 漸進式網頁應用程式即將在電腦版推出
  • 通用感應器 API 可讓您輕鬆存取加速計、陀螺儀等裝置感應器。
  • BigInt 可讓您更輕鬆地處理大整數。

還有許多功能

我是 Pete LePage。讓我們深入探索 Chrome 67 為開發人員提供的新功能!

需要完整的變更清單嗎?詳情請參閱 Chromium 原始碼存放區變更清單

電腦版 PWA

Spotify 的電腦版漸進式網頁應用程式

ChromeOS 67 現已支援電腦版漸進式網頁應用程式,並已著手提供 Mac 和 Windows 的支援。安裝完成後,會以與其他應用程式相同的方式啟動這些應用程式,並在沒有網址列或分頁的情況下,在應用程式視窗中執行。Service Worker 會確保速度快速又可靠的,應用程式視窗體驗會讓他們覺得受到整合。還能為使用者打造引人入勝的體驗

開始使用功能與您目前的做法大同小異。您仍然適用於現有 Progressive Web 應用程式完成的所有工作,只需考慮額外的中斷點即可。

如果您的應用程式符合標準 PWA 標準,Chrome 會觸發 beforeinstallprompt 事件,但不會自動提示使用者。請改為儲存事件;然後在應用程式中新增一些 UI,例如安裝應用程式按鈕,讓使用者知道可以安裝應用程式。接著,當使用者點選儲存按鈕時,在儲存的事件上呼叫提示,Chrome 就會向使用者顯示提示。使用者按一下「新增」後,Chrome 就會將 PWA 新增至檔案櫃和啟動器。

請觀看我的 Google I/O 講座,進一步瞭解 Jenny 和您在建構電腦版漸進式網頁應用程式時需要考慮的技術與特殊設計注意事項。

此外,如果您想在 Mac 或 Windows 上開始試用這項功能,請參閱完整的電腦版漸進式網頁應用程式文章,進一步瞭解如何透過標記啟用支援功能。

通用感應器 API

許多應用程式都會使用感應器資料,提供沉浸式遊戲體驗、健身追蹤,以及擴增或虛擬實境等體驗。這項資料現已可透過 Generic Sensor API 取得。

API 是由基本感應器介面組成,一組在頂端建構的具體感應器類別。建立基礎介面可簡化具體感應器類別的實作和規格程序。例如,陀螺儀類別非常微小!

const sensor = new Gyroscope({frequency: 500});
sensor.start();

sensor.onreading = () => {
    console.log("X-axis " + sensor.x);
    console.log("Y-axis " + sensor.y);
    console.log("Z-axis " + sensor.z);
};

核心功能由基本介面指定,而 Gyroscope 會透過三個代表角速度的屬性將其擴充。Chrome 67 支援加速計、陀螺儀、方向感應器和動作感應器。

Intel 匯集了數個通用感應器 API 示範程式碼範例,另外也更新了 9 月的網頁版感應器!文章,並附上所有須知事項。

BigInt

BigInt 是 JavaScript 中的新數值基元,可代表具有任意精度的整數。在 JavaScript 中,大型整數 ID 和高精確度的時間戳記無法安全地以 Numbers 表示,這通常會導致實際發生錯誤 (因為我們通常會將這些數字轉換成字串)。

let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?

透過 BigInt,我們可以安全地儲存及執行整數算術,而不會溢位。目前,處理大型整數時,通常表示我們必須採用可模擬 BigInt 類似功能的程式庫。

let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!

BigInt 正式發布後,我們就能捨棄這些執行階段依附元件,改用原生 BigInts。不但可加快原生實作速度,還能縮短載入時間、剖析時間和編譯時間,因為我們不需要載入額外的程式庫。

還有更多獎品等著您!

以上只是 Chrome 67 中專為開發人員設計的其中幾項變更,當然還有許多其他異動。

自 Chrome 51 版起便開始支援 Credential Management API,並提供建立、擷取及儲存憑證的架構。簽署憑證的方式有兩種:PasswordCredentialFederatedCredentialWeb Authentication API 加入了第三種憑證類型 PublicKeyCredential,可讓瀏覽器透過驗證器產生的私密/公開金鑰,驗證使用者身分,這類金鑰包括安全金鑰、指紋讀取器或任何其他可驗證使用者身分的裝置。Chrome 67 允許在電腦上透過 USB 傳輸使用 U2F/CTAP 1 驗證器的 API。

詳情請參閱 Eiji 的使用 WebAuthn 啟用增強式驗證一文。

Google I/O 大會隆重登場

如果您未曾參加 I/O 大會,或是之前就沒看到網路討論過,請查看 Chrome 和網路播放清單,掌握 Google I/O 大會的所有最新消息!

開發人員工具的新功能

請務必查看 Chrome 開發人員工具的新功能,瞭解 Chrome 67 開發人員工具的新功能。

訂閱

接著,在 YouTube 頻道上按一下「訂閱」按鈕,每當我們推出新影片時,您會收到電子郵件通知。

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