写点什么

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

  • 2020-05-22
  • 本文字数:960 字

    阅读完需:约 3 分钟

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/


2020-05-22 10:194474

评论

发布
暂无评论
发现更多内容

架构设计文档之食堂就餐卡系统设计

itrickzhang

架构设计 架构文档 架构样例 架构分析 架构总结

架构师课程第一周作业

杉松壁

利其器

宋胖子

IDEA

软件架构第一章总结

itrickzhang

体验碎片-06/06

黄大路

产品经理

近邻算法介绍

黄大路

数据挖掘 数据分析

「架构师训练营」第1周作业 - 食堂就餐卡系统设计

guoguo 👻

极客大学架构师训练营

《OKR工作法》读书笔记

大饼土博

读书笔记 管理 OKR

【架构师训练营-作业-1】食堂就餐卡系统设计

小动物

系统设计 极客大学架构师训练营 作业

程序员的晚餐 | 6 月 5 日 爆炒鱿鱼

清远

美食

食堂就餐卡系统设计

上山砍柴

极客大学架构师训练营

架构文档

陈皮

架构 极客大学架构师训练营

如何用一台 MacBook 创造高额年化收益 | ETH2.0 Staking 教程

陈东泽 EuryChen

区块链 Ethereum

MySQL 笔记(一)基础架构

奈何花开

Java MySQL

优秀架构师具备的能力

李小匪

极客大学架构师训练营

[ARTS打卡] week 02

Mau

ARTS 打卡计划

程序员的晚餐 | 6 月 4 日 最好吃的土豆

清远

架构师训练营第一周学习总结

王鑫龙

极客大学架构师训练营

初识 Docker 与安装 | Docker 系列

AlwaysBeta

Docker

述职报告的一些建议

黄大路

职场

架构方法:运用合适的工具表达设计

Skye

极客大学架构师训练营

Java 25周年:波澜壮阔的25年

北风

「Java 25周年」

食堂就餐卡系统设计-uml练习

森林

教你动手写UDP协议栈

Rice嵌入式开发技术分享

TCP udp 协议栈

UML练习1 食堂就餐卡系统设计「架构师训练营」

Young

ARTS 第 1 周

乌拉里

ARTS 打卡计划

2020年6月7日 接口、lambda表达式与内部类

瑞克与莫迪

【ARTS打卡】Week02

Rex

在 Windows WSL 2 中使用 Docker Desktop

FeiLong

Docker WSL2

程序员摆地摊?你别痴心妄想了,还不如当「在地青年」呢

非著名程序员

程序员 提升认知 职业规划 认知提升

repo 导出本地 git tag 给他人

zqb-all

git

Chrome 83 新增视觉缺陷仿真和本地化_大前端_Dylan Schiemann_InfoQ精选文章