立即领取|华润集团、宁德核电、东风岚图等 20+ 标杆企业数字化人才培养实践案例 了解详情
写点什么

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

评论

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

史上秋招最全500道Java面试题:JVM+分布式+算法+锁+MQ+微服务+数据库

退休的汤姆

Java 程序员 社招 Java工程师 秋招

【导航】RT-Thread 学习专栏目录 【快速跳转】

矜辰所致

目录 RT-Thread 8月月更

数夫携手图森,打造高整木定制数字化标杆

神奇视野

南洋迪克“整装”起飞,数夫系统打通端到端高效服务流程

神奇视野

采访236位第一批秋招上岸的同学后,我整理了这份Java面试手册

收到请回复

Java 架构 面试 语言 & 开发 秋招

蚂蚁金服开源的这份SpringBoot笔记,曾在24小时内GitHub星标48k

收到请回复

Java 架构 面试 语言 & 开发 秋招

前端工资涨不上去?可能是你没掌握构建工具:关于 Webpack、Babel、esbuild、Vite、Rollup、Parcel、SWC......的那些事

代码与野兽

前端 前端架构 前端工程化 webpack babel

DTSE 技术讲座 |云原生架构下的数字身份治理实践

华为云开发者联盟

云计算 云原生 后端 SaaS

后台服务架构高性能设计之道

C++后台开发

后台开发 后端开发 Linux服务器开发 高性能服务器 C++开发

全卫定制龙头企业-伽蓝集团数字化转型之路

神奇视野

数字化智慧园区

科技云未来

并发量很大?阿里上传在GitHub的亿级流量百万并发手册爆火

退休的汤姆

Java 程序员 阿里 并发 秋招

JVM性能调优都做了什么?阿里内网JVM虚拟机性能调优指南给出了答案

退休的汤姆

程序员 JVM 面经 社招 秋招

九章云极DataCanvas公司携因果学习开源重器登录WAIC!

九章云极DataCanvas

人工智能

想要达到阿里P6?最少啃完这本500页Java并发多线程源码笔记

收到请回复

Java 程序员 架构 技术管理 语言 & 开发

被裁后半月面试8家公司无果,凭借这份Java面试指南成功入职阿里

收到请回复

Java 架构 语言 & 开发

记一次血淋淋的MySQL崩溃修复案例

华为云开发者联盟

数据库 后端

RT-Thread记录(十八、I2C软件包 — 温湿度传感器 SHT21与EEPROM 24C02)

矜辰所致

软件包 RT-Thread 8月月更

“阿里爸爸”最新Java面试指南,基础+框架+数据库+系统设计+算法

收到请回复

Java 架构 计算机 语言 & 开发

【实用】用 FP 思想将 JS 循环做简单封装~

掘金安东尼

前端 8月月更

Python自学教程8-数据类型有哪些注意事项

和牛

8月月更 python数据类型

认识微服务 SpringCloud (史上最全学习路线)

微服务 spring could 8月月更

Python图像处理丨图像的灰度线性变换

华为云开发者联盟

Python 人工智能

中台 vs 平台

agnostic

中台

Solana流支付协议Zebec完成850万美元融资,CircleVentures等参投

股市老人

契约测试的三种模式

agnostic

契约测试

K8s 长什么样子,一文道清它的整体架构

网管

架构 k8s 后端

华为云智能监管

科技云未来

后端开发必备:mysql数据库建表的15个小技巧

Java永远的神

MySQL 数据库 程序员 面试 后端

网络知识平面简介

俞凡

网络 知识平面

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