還有更多!
我是 Pete LePage,一起來深入探索 Chrome 67 為開發人員推出的新功能!
需要完整的異動清單嗎?請參閱 Chromium 原始碼存放區變更清單。
電腦版 PWA
ChromeOS 67 現已支援電腦版漸進式網頁應用程式,我們也已開始著手支援 Mac 和 Windows。安裝後,這些應用程式會以與其他應用程式相同的方式啟動,並在應用程式視窗中執行,但不會顯示網址列或分頁。服務工作處理程序能確保快速且可靠,應用程式視窗體驗能使他們感到整合。還能為使用者提供引人入勝的體驗
開始使用這項服務的過程,與您目前所做的並無二致。您為現有漸進式網頁應用程式所做的所有工作仍適用,只需考慮一些額外中斷點即可。
如果您的應用程式符合標準 PWA 標準,Chrome 就會觸發 beforeinstallprompt
事件,但不會自動提示使用者。請改為儲存事件,然後在應用程式中新增一些 UI (例如安裝應用程式按鈕),告知使用者可以安裝應用程式。接著,當使用者按下按鈕時,請在已儲存的事件上呼叫提示;Chrome 就會向使用者顯示提示。如果使用者點選「新增」,Chrome 就會將您的 PWA 加到檔案櫃和啟動器中。
請參閱我的 Google I/O 演講內容,Jenny 和我將詳細說明建構電腦版漸進式網頁應用程式時,需要考量的技術和特殊設計考量。
如果您想在 Mac 或 Windows 上開始使用這項功能,請參閱完整的電腦版漸進式網頁應用程式文章,瞭解如何透過標記啟用支援功能。
通用感應器 API
許多應用程式都使用感應器資料,以便提供沉浸式遊戲、健身追蹤,以及擴增或虛擬實境等體驗。這項資料現在可供使用 Generic Sensor API 的網頁應用程式使用。
這個 API 包含基本 Sensor 介面,以及一組在其上建構的具體感應器類別。有了基本介面,就能簡化具體感應器類別的實作和規格程序。舉例來說,Gyroscope 類別非常小!
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 月開始的 Sensors for the Web! 文章,並附上所有您需要知道的資訊。
BigInt
秒
BigInt
是 JavaScript 中的新數值基元,可以用任意精度代表整數。大型整數 ID 和高精確度時間戳記無法在 JavaScript 中安全地表示為 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 為開發人員進行的其中一些變更,當然還有更多。
憑證管理 API 自 Chrome 51 起已受支援,並提供建立、擷取及儲存憑證的架構。這項操作是透過兩種憑證類型完成:PasswordCredential
和 FederatedCredential
。Web 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 的新功能!