Categories
程式開發

Chrome 83 新增视觉缺陷仿真和本地化


即将发布的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/