Web 开发生态系统团队 - 2 月总结

Mariko Kosaka
欢迎阅读我们推出的首个月度数据总结,我们将回顾 Web 开发者生态系统团队的最新动态✨

我们是一支由工程师和沟通专家组成的团队,负责制作文章和代码示例,例如本网站的Web 基础知识和我们全新的门户网站 web.dev。您还可以在我们的 YouTube 频道上了解我们的工作,并记得在 @ChromiumDev 上关注我们 :)

2 月是短月,但我们的内容绝对不会少。我们先从团队发布的大型版本开始。

版本

Workbox

Workbox 4.0 刚刚发布,距今只有几天时间。🎉此版本包含 workbox-window 等出色的新功能,并改进了许多现有 Workbox 软件包。如果您已在使用 Workbox,请参阅从 v3 迁移到 v4 的指南。想知道如何在现有项目中使用 Workbox?以下指南介绍了如何将其与您选择的捆绑工具搭配使用。不确定 Workbox 有助于解决什么问题?请观看 Web 状态节目中的这段有关 Service Worker 的访谈

lit-html 和 LitElement

Polymer 项目团队一直在忙于开发lit-html 和 LitElement 的稳定版本,这两个库是新一代 Web 开发库。想试用一下?请先参阅试用 LitElement 指南 📝

Trusted Web Activity

随着 Chrome 72 的发布,Trusted Web Activity (TWA) 已面向市场推出!借助 TWA,您可以在 Android activity 中使用全屏 Chrome,这意味着您可以将 Web 内容引入应用领域。📱 查看此入门指南,或了解 @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 的弃用和移除功能

新开发

以下是我们正在努力实现的其他一些功能,即将在您附近的浏览器中推出。

为帮助防范跨站脚本攻击,我们正在开发一个名为“可信类型”的新 API。选择启用可信类型(通过内容安全政策)会锁定文档,使其免受 DOM 注入的影响。我们正在努力提供更多相关的代码示例和指南,但与此同时,请详细了解可信类型,试用一下。

Chrome 上的返回和前进按钮很快就会非常快捷我们正在探索一种新的返回/前进缓存,以便在用户导航到其他位置时将网页缓存在内存中。请参阅这篇文章中的说明文档和 bfcache 原型

最后,交叉点观察器 v2 引入了跟踪目标的实际“可见性”的概念。

我们正在研究的内容

我们的工作不仅仅局限于浏览器功能!我们还将探讨 Web 应用性能、构建 Web 应用,并思考各种方式来帮助世界各地的 Web 开发者。以下是我们本月改进的一些功能。

新视频和播客

Martin 将推出一个名为 JavaScript SEO 的新系列,第一集将介绍 Google 搜索如何将 JavaScript 网站编入索引! Meggin 最近在一次聚会上分享了对 web.dev 项目的思考。Jake 和 Surma 又回来了,带来了讨论图片旋转实验的新一期 HTTP203 播客

我们还在 YouTube 频道上定期播放节目,例如 “Chrome 中的新功能”“DevTools 中的新功能”“Web 状态”

特别感谢

您是否看过 Puppeteer 示例? 您可能在去年 Eric Bidelman 的推文 “📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁” 中看到过它。这是一个很棒的 Puppeteer 代码示例集合,可让您发挥创意,思考如何使用该浏览器。您应该去看看!

(祝 Eric 一切顺利! 我们会想念您的!)

总结

您对首个月度数据总结满意吗?如果您喜欢该功能或有改进建议,请在 Twitter 上告诉我 @kosamari

如果您使用本文介绍的功能构建了新内容,或者根据我们的文章更改了代码库中的某些内容,请务必通过 @ChromiumDev 与我们联系。

3 月份,我们团队的几位成员将前往印度,希望能详细了解当地的移动网站体验 ✈️ 期待分享我们在那里学到的东西!

下个月见👋