Chrome 78 版新功能

Pete LePage

Chrome 78 即將推出！

我是 Pete LePage，讓我們一起來看看 Chrome 78 版為開發人員帶來哪些新功能！

CSS 屬性和值 API

CSS 變數 (技術上稱為自訂屬性) 非常實用。讓您在 CSS 中定義及使用自己的屬性。不過，自訂屬性並非只是簡單的搜尋和取代。

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

如果您使用變數做為顏色，但指派的值是網址，系統會悄悄捨棄該規則。您可以使用 CSS 屬性和值 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',
});

如需完整詳細資料，請參閱 web.dev 上的 Sam Richard 撰寫的「運用 Houdini 的新 API 打造更聰明的自訂屬性」一文。

較新的服務工作人員

importScripts() 匯入的服務工作者指令碼現在會執行位元組檢查。過去，要強制已安裝的服務 worker 擷取匯入指令碼的變更，唯一的方法就是變更匯入指令碼的網址，通常是透過在網址中新增 semver 值或雜湊。

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

自 Chrome 78 起，每次為頂層服務工作者檔案執行更新檢查時，Chrome 也會檢查所有匯入指令碼的內容是否已變更。如果有，系統就會觸發完整的服務工作者更新流程。這可讓 Chrome 符合規格，並與 Firefox 和 Safari 的做法一致。

Jeff 在「預設情況下，Fresher 服務工作者」一文中提供所有詳細資訊，包括一些關於 HTTP 快取如何影響更新週期的重要資訊。

新的來源試用

透過 Origin 試用版，我們可以驗證實驗功能和 API，並讓您針對這些功能的可用性和在更廣泛部署中的有效性提供意見回饋。

實驗功能通常只有在啟用旗標後才能使用，但如果我們為某項功能提供原點試用版，您就可以註冊該原點試用版，為原點的所有使用者啟用該功能。

選擇加入來源試用，即可建構試用版和原型，讓 Beta 版測試使用者在試用期間可試用的體驗，不需要要求他們變更 Chrome 中的任何特殊標記。

如要進一步瞭解來源試用，請參閱網頁開發人員的來源試用指南。您可以在 Chrome 原始碼測試頁面上查看有效原始碼測試清單，並註冊測試。


原生檔案系統

原生檔案系統 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 開發人員 YouTube 頻道，這樣一來，每當我們發布新影片，你就會收到電子郵件通知，或是將我們的RSS 動態消息新增至動態消息閱讀器。

我是 Pete LePage，Chrome 79 一推出，我就會馬上在這裡告訴你 Chrome 有哪些新功能！