写点什么

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:194589

评论

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

Java多线程 线程池的生命周期及运行状态

Yeats_Liao

后端 Java core 10月月更

让Jenkins执行GitHub上的pipeline脚本

程序员欣宸

GitHub jenkins 10月月更

【一Go到底】第十九天---init函数、匿名函数

指剑

Go golang 10月月更

数据湖(四):Hudi与Spark整合

Lansonli

Hudi 10月月更

react源码分析:babel如何解析jsx

flyzz177

React

HashMap源码分析(一)

知识浅谈

hashmap 10月月更

leetcode 380. Insert Delete GetRandom O(1) O(1) 时间插入、删除和获取随机元素 (中等)

okokabcd

LeetCode 数据结构与算法

抢滩东南亚,融云IM助力应用抓住经济转型红利

融云 RongCloud

互联网 数字化 IM

Java注解

急需上岸的小谢

10月月更

promise执行顺序面试题令我头秃,你能作对几道

loveX001

JavaScript

2022年ArchSummit全球架构师峰会杭州站感想

谙忆

ArchSummit 飞链云 架构师峰会

CorelDRAW 2019 软件应用项目(六)

张立梵

设计师 CorelDRAW 2022 10月月更

前端关于面试你可能需要收集的面试题

loveX001

JavaScript

js异步编程面试题你能答上来几道

loveX001

JavaScript

无法吃午餐的学生数量

掘金安东尼

算法 10月月更

改变线程状态的方法

急需上岸的小谢

10月月更

React源码分析2-深入理解fiber

goClient1992

React

华为云从入门到实战 | 云速建站服务与企业主机安全服务

TiAmo

华为 华为云 云开发 10月月更

Linux下驱动开发_块设备驱动开发(硬件上采用SD卡+SPI协议)

DS小龙哥

10月月更

Linux下驱动开发_块设备驱动开发(内存模拟存储)

DS小龙哥

10月月更

画一个冰糖葫芦祝大家甜甜蜜蜜

急需上岸的小谢

10月月更

CorelDRAW 2019 软件应用项目(五)

张立梵

设计师 CorelDRAW 2022 10月月更

CEF | CEF浏览器客户端功能扩展:实现前进、后退、刷新、调用控制台、设置cookie、网页自适应窗体大小

YOLO.

qt 10月月更 C++

Java多线程 关闭线程池 shutdown() 、shutdownNow()、awaitTermination()

Yeats_Liao

后端 Java core 10月月更

C++中变化布局实现思路

中国好公民st

c++ 布局 10月月更

React组件之间的通信方式总结(上)

beifeng1996

React

Linux下RTC驱动开发(硬件采用DS1302)

DS小龙哥

10月月更

React源码分析1-jsx转换及React.createElement

goClient1992

React

React组件之间的通信方式总结(下)

beifeng1996

React

React面试八股文(第二期)

beifeng1996

React

CEF | CEF浏览器客户端功能扩展:实现下载列表功能

YOLO.

qt 10月月更 C++

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