写点什么

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

评论

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

从“乌鸡”到5G,不仅仅是谐音梗

脑极体

认识 Java 中的队列:Vector、ArrayList、CopyOnWriteArrayList、SynchronizedList

看山

Java 线程安全

第四章作业

Rui

第四周作业

Geek_72d5ab

日记 2021年2月10日(周三)

Changing Lin

2月春节不断更

产品训练营 - 第四周 - 作业

邹小胖

产品训练营

话题讨论 | 如何获得令人心动的前端offer

我是哪吒

程序员 面试 大前端 话题讨论 二月春节不断更

产品经理 - 第三周作业

LLL777

深入了解gradle和maven的区别

程序那些事

maven Gradle 程序那些事 构建工具

Java容器--2021面试题系列教程(附答案解析)--大白话解读--JavaPub版本

JavaPub

Java 面试 hashmap javapub

「产品经理训练营」作业 04:知识星球加入星球用例

狷介

产品经理训练营

第四周作业-核销优惠券用例

隋泽

产品经理训练营

第四周学习心得

Trigger

极客时间 产品经理训练营

金融科技的碎片化思考(中)

曲水流觞TechRill

金融科技

0期产品训练营第四周作业-学情周报用例

skylar

话题讨论 | 你是不是一个特别容易被说服的人?

石云升

话题讨论 2月春节不断更

【STM32】0.96寸OLED显示屏(7针SPI协议)软件模拟SPI

AXYZdong

硬件 stm32 2月春节不断更

5G点亮工业革命前,2021需要持续点亮5G

脑极体

产品经理训练营笔记 - 业务流程与产品文档(二)

.nil?

产品经理训练营

ZEGO全新语音聊天室方案,2小时复刻 Clubhouse

ZEGO即构

流媒体传输协议之 RTP(下篇)

阿里云CloudImagine

音视频 流媒体 rtp

正确面对倦怠感,提升职场战斗力

boshi

职场成长 七日更

马斯克说狗币牛逼,我说idea插件助你盯盘摸鱼

滑板上的老砒霜

比特币 idea插件 Android开发

你看那个程序员,每年升职加薪,日赚3千

谙忆

UC01 用户 购买课程

克比

你真的了解 sync.Mutex吗

Leo叔叔

mutex Go Concurrency Patterns Go 语言

抽奖小程序-活动发布用例分析及流程图

思亭

5. Python 循环的本质就是一段代码懒得重复写

梦想橡皮擦

Python Python Monad 2月春节不断更 python入门

【得物技术】走进Web3D的世界(1) 画个立方体吧

得物技术

html html5 js WebGL 得物技术

极客大学·产品训练营·第三章作业(第四周)

二大爷

极客大学 极客大学产品经理训练营 产品训练营

区分重载和重写,轻松掌握 Java 多态

飞天小牛肉

Java 程序员 面试 后端 2月春节不断更

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