Chrome 78 現已推出!
我是 Pete LePage,深入探索 Chrome 78 為開發人員提供的新功能!
CSS Properties API 和 Values API
CSS 變數在技術上稱為自訂屬性,真是太棒了。可讓你在 CSS 中定義及使用自己的屬性。不過,自訂屬性不只是簡單的搜尋和取代用途,
html {
--my-color: green;
}
.thing {
color: var(--my-color);
}
如果您使用變數做為顏色,但將網址指派為值,則規則會自動捨棄,不顯示通知。您可以使用 CSS Properties 和 Values API,定義自訂屬性的類型和備用值。
html {
--my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
color: var(--my-color);
}
註冊屬性非常簡單,只要呼叫 window.CSS.registerProperty()
,並提供您要定義的屬性類型、該屬性應繼承和初始值時,相應的屬性名稱即可。
window.CSS.registerProperty({
name: '--my-color',
syntax: '<color>',
inherits: false,
initialValue: 'black',
});
詳情請參閱 Sam Richard 的 Houdini 新 API 更聰明的自訂屬性一文。
較新的服務工作人員
系統會針對 importScripts()
匯入的 Service Worker 指令碼執行位元組檢查。過去,如要強制安裝的 Service worker 接收已匯入指令碼的變更,唯一的方法就是變更匯入的指令碼網址,通常是在網址中加入 semver 值或雜湊值。
importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');
從 Chrome 78 版開始,每次針對頂層 Service Worker 檔案執行更新檢查時,Chrome 也會檢查任何匯入的指令碼內容是否有所變更。如果沒有,就會觸發完整的服務工作站更新流程。這不僅讓 Chrome 符合規格,也與 Firefox 和 Safari 相同。
Jeff 擁有在預設使用較新的 Service Worker 的所有詳細資料,其中包括有關 HTTP 快取對更新週期如何影響的一些重要須知。
新來源試用
來源試用讓我們有機會驗證實驗功能和 API,讓您針對這些功能和 API 的可用性和成效,提供意見回饋。
實驗功能通常只能在標記後方使用,但如果我們針對某項功能提供來源試用,您可以註冊該來源試用,為來源的所有使用者啟用這項功能。
選擇加入來源試用後,即可建構 Beta 測試使用者在試用期間可試用的示範和原型,無須要求翻閱 Chrome 中的任何特殊標記。
如要進一步瞭解來源試用,請參閱網頁程式開發人員適用的來源試用指南。您可以查看進行中的來源試用清單,並在 Chrome 來源試用頁面中註冊。
原生檔案系統
Native File System API 的來源試用將於 Chrome 78 開始,預計透過 Chrome 第 80 版執行。
Native File System API 可讓開發人員建構強大的網頁應用程式,與使用者本機裝置上的檔案互動。使用者授予網頁應用程式存取權後,這個 API 可讓網頁應用程式直接讀取或儲存使用者裝置上的檔案和資料夾變更。
我非常期待能實現全新的全新體驗,不必再「上傳」或「下載」要使用的檔案。請參閱我有關原生檔案系統的文章,瞭解所有詳情,包括程式碼、示範,以及我們如何保護使用者安全。
簡訊接收者
SMS Receiver API 的來源試用將於 Chrome 78 開始,預計透過 Chrome 第 80 版執行。
SMS Receiver API 現已提供來源試用,可讓您的網頁應用程式接收應用程式來源的特殊格式簡訊。這樣就能透過程式輔助方式從簡訊中取得動態密碼,以便為使用者輕鬆驗證電話號碼。
Eiji 使用 SMS Receiver API 撰寫網頁版電話號碼驗證所有詳細資料,以及如何申請來源試用。
2019 年 Chrome 開發人員高峰會
別忘了在 11 月 11 日和 12 日觀看 Chrome 開發人員高峰會,我們將在 Chrome 開發人員 YouTube 頻道進行直播。
其他資訊
這份文件僅涵蓋部分重點功能。請查看下方連結,瞭解 Chrome 78 的其他異動。
- Chrome 開發人員工具的新功能 (78)
- Chrome 78 淘汰和移除
- ChromeStatus.com 為 Chrome 78 更新
- Chrome 78 版 JavaScript 新功能
- Chromium 來源存放區變更清單
訂閱
想要隨時掌握最新影片,並訂閱我們的 Chrome Developers YouTube 頻道。每當我們推出新影片,或是在動態消息閱讀器中加入 RSS 動態消息,您就會收到電子郵件通知。
我是 Pete LePage,當 Chrome 79 推出後,我會馬上通知您,也就是 Chrome 的新功能!