網頁開發生態系統小組 - 2 月總結

Mariko Kosaka
歡迎閱讀每月最後一期的每月總結,讓我們回顧網站開發人員生態系統團隊的最新動態✨

我們是一群工程師和通訊人,專門製作文章和程式碼範例,例如本網站網頁基礎知識和全新的入口網站 web.dev。你也可以透過我們的 YouTube 頻道掌握我們的工作,別忘了在 @Chromium 開發人員上追蹤我們:)

2 月雖然時間很短,但內容可不多。先從遊戲團隊推出新版本開始說起

發行內容

Workbox

好消息!Workbox 4.0 已於幾天前發布。此版本包含 workbox-window 等強大的新功能,以及許多現有的 Workbox 套件的改善項目。如果您是已經在使用 Workbox 的人員,請參閱 v3 至 v4 遷移指南。想知道如何在現有專案中使用 Workbox 嗎?請參閱這份指南,瞭解如何搭配自選的套裝組合使用。不確定哪個問題遷移箱能協助解決嗎?請查看這篇有關網路節目的 Service Worker 訪談

lit-html 和 LitElement

Polymer 專案的團隊正忙於開發lit-html 和 LitElement 的穩定版本,也就是兩代新一代的網路開發程式庫。想要試用嗎?從「試用 LitElement」指南開始 Ћ 可選擇

受信任的網路活動

Chrome 72 推出後,受信任網路活動 (TWA) 的使用者已進入市場!TWAs 能讓您在 Android 活動中使用全螢幕 Chrome,這表示您可以將網頁內容帶入 app-sphere 了📱? 請參閱這份入門指南或閱讀 @svenbudak 如何在 Google Play 商店上架 PWA

即將推出的功能

Chrome 73 穩定版 (3 月 12 日) 即將推出,敬請期待!

V8 - Chrome 的 JavaScript 引擎有許多更新,包括 Object.fromEntriesString.prototype.matchAll。請參閱 v8 版本資訊

想要使用網頁版的音訊和視訊功能嗎?我們現已支援硬體媒體金鑰,子母畫面視窗的「略過廣告」功能也正在來源試用!詳情請參閱 Chrome 73 版中的音訊/影片更新

說到來源試用、準備好使用擷取優先順序以及擷取優先順序,開發人員可以設定 <script><img><link> 元素的重要性,以便瀏覽器瞭解如何載入這些元素。這項功能仍在實驗階段,歡迎試用並提供意見!

轉譯效能始終是我們的首要考量。在 Chrome 73 中,在根目標 (視窗、文件或內文) 上註冊的 wheelmousewheel 事件監聽器會預設被動事件監聽器,並預設提供快速滾動式捲動功能

正如我們所推廣的新功能,我們也要在此告一段落,因此請務必留意 Chrome 73 版的淘汰和移除事項

新開發作業

以下是我們正在進行的重要工作,這些功能將會影響到附近的瀏覽器。

為了防範跨網站指令碼攻擊,我們正在開發名為「Trusted Types」的新 API。選擇採用受信任的類型 (透過內容安全政策) 後,文件就會遭到 DOM 插入鎖定。我們正努力提供更多程式碼範例和指南,在此同時,歡迎您進一步瞭解信任類型,試試看這個方式。

Chrome 的返回和繼續按鈕可能很快我們正努力探索全新的往返快取,在使用者離開時快取記憶體中的頁面。請查看本文中的說明和 bfcache 的原型

最後,Intersection Observr v2 推出了追蹤目標實際「瀏覽權限」的概念。

我們構思的問題

我們的工作不會結束瀏覽器功能!我們也會考量網頁應用程式效能、建構網頁應用程式,並思考各種方法來協助世界各地的網頁程式開發人員。以下列出我們這個月持續嘗試的幾個方面。

新影片和 Podcast

Martin 正著手推出《JavaScript SEO》(JavaScript 搜尋引擎最佳化) 系列影片,第一集介紹了 Google 搜尋如何為 JavaScript 網站建立索引!Meggin 最近在聚會上發表 web.dev 專案的反思。 Jake 和 Surma 強勢回歸,推出全新的 HTTP203 Podcast 節目討論圖像旋轉實驗

此外,我們的 YouTube 頻道也會推出一般節目,例如「Chrome 新功能」開發人員工具最新消息網路現況

公開喊話

您是否看過布偶範例? 您去年可能已經看過 Eric Bidelman 的推文 "📯?The 12 Days of Puppeteer 🤹?遭到封鎖 ♂️🎁?" 內容。這個 Puppeteer 程式碼範例可讓您盡情思考 各種瀏覽器功能建議你一探究竟!

(預祝您的新工作 Eric 一切順利! 我們會想念你!)

設定程序即將完成

你喜歡第一筆每月摘要嗎?如果您喜歡以上內容,或是有改善空間,歡迎透過 Twitter 電子郵件地址 @kosamari 通知我 ✅

如果您已使用本文介紹的功能建構新功能,或已根據文章修改程式碼集的部分內容,請務必傳送電子郵件至 @ChromiumDev

今年 3 月,有許多人想在印度進一步瞭解行動網路體驗 ✈️ 期待和你分享我們學到的知識!

下個月見!👋?