即将发布的 Chrome 83 版本引入了对 DevTools 的重要更新，包括对视觉缺陷的仿真和用户本地化、跨域开放者策略（cross-origin opener policy，COOP）调试、跨域嵌入策略（cross-origin embedder policy，COEP）调试以及针对 cookie 路径的网络请求过滤。
由于新冠肺炎，Chrome 团队取消了 Chrome 82 的发布，但他们比原计划提前三周公布了 Chrome 83，现在的计划是在 5 月中旬发布。在这个版本中，Chrome DevTools 取到了很多关键性的改进。
可以说Firefox的可访问性查看器为可访问性提供了最好的内置浏览器支持，并在 Firefox 70 中增加了对视觉缺陷模拟的支持。Chrome 83 的 DevTools 通过支持模糊视觉和四种颜色视觉缺陷弥补了这一差距：
红色盲：无法感知红光。
绿色盲：无法感知绿光。
蓝色盲：无法感知蓝光。
全色盲：除了灰色以外，不能感知任何颜色。
这些工具允许开发人员查看视觉缺陷用户的体验，并相应地调整配色方案和设计来提供更好的可访问性。现在已经有很多工具可以测试这些限制，但是能够在浏览器 DevTools 中直接使用这种支持可以让所有开发人员更加便捷。
一些面向开发者的浏览器（例如Polypane）甚至提供了更好的视觉可访问性支持，其中包括了对色盲、青光眼、远视和太阳强光的仿真。
随着浏览器对 JavaScript 国际化标准ECMA-402的实现，原生国际化的支持也在不断改进。Chrome DevTools 现在支持通过 Sensors 标签来模拟特定地区。特定区域的设置会影响数字格式、字符串区域设置、语言字符串、HTTP 语言头等默认值。
随着浏览器新特性的添加，跨域开发所带来的新风险也随之出现。现在 Chrome DevTools 网络面板包含了对跨域开放者策略和跨域嵌入策略调试信息的支持，允许开发人员多线程使用 SharedArrayBuffer。Chrome 团队认为未来可能需要类似的限制来解锁别的时间 API 和底层机制，包括利用 performance.memory API 进行的细粒度内存测量。
为了帮助开发人员调试与 cookie 相关的网络请求，DevTools 网络面板中新添加的cookie-path过滤器只允许显示与关键字相关的请求。
Chrome DevTools 通过不断支持新的标准、模式、痛点和最佳实践来帮助开发者构建高效的 Web 应用。如今，每一个 Google Chrome 版本都包含了 DevTools。我们也鼓励社区对DevTools所有新特性提供反馈。
原文链接：
https://www.infoq.com/news/2020/05/chrome-83-devtools-vision/
腾讯云技术实践精选集 2022
近10万字的技术汇编，26 位专家讲师的真知灼见，倾囊相授，覆盖云原生、大数据、数据库等热门技术领域，点...
评论