每周平台新闻：对比度范围、replaceAll 方法、原生文件系统 API

在本周的综述中：Firefox 的新对比度检查器、一种更简单的在字符串中提取子字符串的方法，以及一个新的实验性 API，允许应用程序处理用户的本地文件。

Firefox 显示多色背景上文本的对比度范围

根据网络内容无障碍指南 (WCAG) 的 成功标准 1.4.3，文本应具有至少 4.5 的对比度。（仅当文本大小为 24px 或更大时，才允许较低的对比度。）

如果文本的背景不是纯色，而是颜色渐变或照片，您可以使用 Firefox 的“无障碍”面板中的特殊元素选择器，根据元素的实际背景获得一系列对比度。

（来自 Šime Vidas）

替换字符串中所有子字符串的实例

新的 JavaScript replaceAll 方法使替换字符串中所有子字符串的实例变得更容易，而无需先将子字符串转换为正则表达式，这“很难正确实现，因为 JavaScript 没有提供用于转义正则表达式模式的内置机制。”

// BEFORE
str = str.replace(/foo/g, "bar");

// AFTER
str = str.replaceAll("foo", "bar");

此新的字符串方法尚未在浏览器中发布，但您可以通过 Babel 开始使用它（因为它由 @babel/preset-env 自动填充）。

（来自 Mathias Bynens）

在 Chrome 中试用原生文件系统 API

原生文件系统 API（在 Chrome 中实验性支持）允许 Web 应用程序直接读取或保存对用户计算机上本地文件的更改。该应用程序被授予权限，可以通过 两个单独的提示 查看和编辑特定文件夹中的文件。

您可以在桌面的 Chrome 浏览器中访问 labs.vaadin.com 来试用此新功能。

（来自 Thomas Steiner）

更多新闻…

在我的面向 Web 开发人员的每周通讯中阅读更多新闻。每月只需支付 2 美元即可通过电子邮件获取我每周一发布的最新新闻。

更多新闻 →