此页面由 Cloud Translation API 翻译。

Chrome 95 的新变化

Pete LePage

以下是您需要知晓的相关信息：

浏览器内置了 URLPattern，路由变得更容易。
Eye Dropper API 提供了一个用于选择颜色。
我们推出了一项新的源试用功能，让您可以选择接收缩减了 UA 字符串。
PWA 峰会视频全部都是在线的。
还有许多其他功能。

我叫Pete LePage，正在工作、拍摄下面就让我们一起深入了解 Chrome 95 中有哪些面向开发者的新功能。

使用 `URLPattern` 进行转送

几乎所有 Web 应用都以某种方式依赖于路由，无论其代码在运行还是在运行在将路径映射到单页应用中的磁盘文件或逻辑的服务器上用于在网址更改时更新 DOM。URLPattern 是一个新网络对路由模式语法进行标准化的平台 API。

它以现有框架为基础，更易于执行常见的路由任务。例如，与完整网址或某个网址进行匹配路径名，然后返回有关令牌和组匹配的信息。

如果您已经熟悉 Express 中使用的路由语法， Ruby on Rails 或 path-to-regexp，您可能对此很熟悉。

如需使用它，请创建一个新的 URLPattern()，并提供您想要使用的详细信息格式匹配。模式可以包含通配符、命名的令牌组、正则表达式组和组修饰符。

const p = new URLPattern({
  protocol: 'https',
  hostname: 'example.com',
  pathname: '/:folder/*/:fileName.jpg',
  search: '*',
  hash: '*',
});

例如，我们来看看 Google 文档可能会使用的 URLPattern。我们将指定文件的 kind、文件 ID，以及用于打开该文件的 mode。然后，如需使用该模式，我们可以调用 test() 或 exec()。

const url = 'https://docs.google.com/document/d/1s...5c/edit#heading=h.8...c';

const pattern = new URLPattern({
  pathname: '/:kind/d/:fileID/:mode',
  hash: '*',
});

const r = pattern.exec(url);
// {
//   "pathname": {"groups": {
//     "fileID": "1s...5c",
//     "kind": "document",
//     "mode": "edit"
//   }, ...},
//   "hash": {"groups": {"0":"heading=h.8...c"}, ...},
//   ...
// }

在 Chrome 和 Edge 95 及更高版本中，URLPattern 默认处于启用状态。对于尚不支持它的浏览器或环境（比如 Node），则可以使用 urlpattern-polyfill 库。

请参阅 Jeff 的文章网址格式将路由引入网络平台了解完整详情！

使用 Eye Dropper API 选择颜色

我用过的几乎所有设计应用都有颜色提取工具很容易就能分辨出是什么颜色。某些浏览器具有取色器功能内置于 <input type=color> 中，但并不理想。

Microsoft 的部分员工实施了取色器 API，将该功能发布到网络上如需使用它，请创建一个新的 EyeDropper() 实例，然后对其调用 open()。

const eyeDropper = new EyeDropper();
const result = await eyeDropper.open();
// result = {sRGBHex: '#160731'}

与许多其他现代网络 API 一样，它以异步方式工作，因此不会阻塞主线程。当用户点击想要的颜色时它就会解析为用户点击的颜色

您可以尝试快速演示，并代码。

PWA 峰会

您是否观看了本月早些时候的 PWA 峰会？

很高兴看到这么多人谈论 PWA 并分享他们的信息体验。如果你错过了，这些视频已经全部看完了，一定要去看看 PWASummit.org 或 PWA 峰会 YouTube 频道。

用户代理缩减源试用

用户代理缩减功能旨在减少被动减少用户代理中的信息，字符串更改为浏览器的品牌和重要版本、桌面版或移动设备的区别以及投放广告的平台

从 Chrome 95 开始，我们提供了新的源试用，允许您立即选择接收缩减版 UA 字符串。这将启用让您可以在缩减版 UA 成为默认 UA 之前发现并解决问题行为

这些更改将逐步应用到多个版本中，但现在，你需要准备和测试的所有东西都已准备就绪。

您可以在关于用户代理缩减源试用的博文 developer.chrome.com.

等等！

当然还有很多其他功能。

如果您一直遵循 Storage Foundation API，新的访问句柄的源试用。
WebAssembly 现在提供异常处理支持，允许代码在引发异常时打破控制流。
Chrome 100 即将推出，敬请期待。也就是说，您需要确保自己的代码可以处理超过两位数！

深入阅读

本指南仅涵盖部分重要内容。请访问以下链接 Chrome 95 中的其他变更。

如需了解最新动态，请订阅 Chrome 开发者 YouTube 频道，，每当我们发布新视频时，您都会收到电子邮件通知。

我是 Pete LePage，待 Chrome 96 发布后告诉您 Chrome 中的新变化！