10 月 23 - 25 日,QCon 上海站即将召开,现在购票,享9折优惠 了解详情
写点什么

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

评论

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

【Promise 源码学习】第八篇 - 完善 Promise 并通过 promise-aplus-tests 测试

Brave

源码 Promise 11月日更

智联招聘的Web模块扩展落地方案

智联大前端

组件化 SSR

模块三作业

Geek_1d37ea

架构训练营

毫米波 5G 比公共 Wifi 快近 30 倍,但覆盖范围相似

吴脑的键客

网络

CSS布局之display:flex

Augus

CSS 11月日更

TDSQL | 多类型数据库统一管理,腾讯云数据库DBhouse工具重磅发布

腾讯云数据库

数据库 tdsql

在SAP云平台的CloudFoundry环境下消费ABAP On-Premise OData服务

汪子熙

SAP abap CloudFoundry 11月日更

作业三总结

Geek_1d37ea

架构训练营

金融级数据库新坐标:腾讯云TDSQL发布全自研新敏态引擎

腾讯云数据库

数据库 tdsql

OPPO 图数据库平台建设及业务落地

NebulaGraph

图数据库 知识图谱 图数据库实战 分布式图数据库

Moment.js 转换 UTC 格式的 2 个小问题

HoneyMoose

一文帮你掌握TDengine的降采样查询+跨时区统计

TDengine

数据库 tdengine 后端

企业采购管理的这些痛点,如何解决?

低代码小观

企业管理 管理系统 管理工具 采购管理 企业采购管理

新机遇,拨开证劵企业生态转型迷雾

大咖说

云计算 阿里云 数字化转型 数字化 企业上云

云小课 | DSC:快速识别敏感数据并脱敏

华为云开发者联盟

华为云 识别 数据脱敏 数据安全中心 敏感数据

ABAP Netweaver和git的快捷方式

汪子熙

SAP Netweaver CloudFoundry 11月日更

CodeGuide 300+文档、100+代码库,一个指导程序员写代码的,Github 仓库开源啦!

小傅哥

Java GitHub 小傅哥 开源社区 代码库

8大原则带你秒懂Happens-Before原则

华为云开发者联盟

线程 并发 Happens-Bfore Java内存

新时代下如何构建TDSQL-C数据库产品

腾讯云数据库

数据库 tdsql

10行代码,撸一个在线个人简历页面!

老表

Python GitHub Linux web开发 跟老表学云服务器

TypeScript 针对 JavaScript 做了什么

HoneyMoose

国家质量基础设施(NQI)一站式综合服务平台开发搭建

电微13828808271

架构实战营模块八作业

Geek_d18264

架构实战营

100G云服务器诞生记

科技热闻

MySQL打印死锁日志

Simon

MySQL 死锁

用明道云集成多平台多部门数据,发挥数据分析的力量

明道云

用一个极致简单的场景演练领域建模

神帅

DDD 领域建模

JDK的第三个LTS版本JDK17来了

程序那些事

程序那些事 11月日更 jdk17 java17

TDSQL首次登上腾讯财报!金融机构核心系统落地实现规模化复制

腾讯云数据库

数据库 tdsql

重点人员动态管控系统开发,智慧公安情报研判系统搭建

电微13828808271

Apache Pulsar 荣获中国开源云联盟「2021 优秀开源项目」

Apache Pulsar

大数据 云原生 开源项目 Apache Pulsar 消息系统 Apache Pulsar 社区

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