又是一个月,又一个新的浏览器发布!今天我们发布了 Firefox 73,其中包含一些实用的新增功能,包括 CSS 和 JavaScript 更新,以及大量的 DevTools 改进。
继续阅读以了解亮点。若要查找完整的更新列表,请查看以下链接
注意:直到最近,这篇文章还提到在 Firefox 73 中启用了新的表单方法 requestSubmit()
。但后来发现,requestSubmit()
实际上目前在 flag 后面,目标是在 Firefox 75 中发布。对于此错误,我们深表歉意。(更新时间:2 月 14 日,星期五。)
Web 平台语言功能
我们最新的 Firefox 提供了一些新的 Web 平台添加功能;现在让我们回顾一下重点。
我们添加了 CSS 逻辑属性,其中包括 overscroll-behavior-block
和 overscroll-behavior-inline
.
这些新属性为 overscroll-behavior-x
和 overscroll-behavior-y
提供了逻辑上的替代方案,它们允许您控制浏览器在达到滚动区域边界时的行为。
yearName
和 relatedYear
字段现在可在 DateTimeFormat.prototype.formatToParts()
方法中使用。这为 CJK(中文、日文、韩文)日历提供了有用的格式化选项。
DevTools 更新
此版本中包含一些有趣的 DevTools 更新。您现在可以在 Firefox DevEdition 中预览即将推出的功能。
我们一直在调查 DevTools 用户的反馈,这些反馈通常来自我们的 @FirefoxDevTools Twitter 帐户。许多有用的更新都是由此产生的。例如,感谢您在我们的一项调查中提供的 反馈,现在可以从 检查器 的 更改面板 中复制更简洁的 CSS 代码段。输出中的 “+” 和 “-” 符号不再是复制文本的一部分。
稳定而快速
此版本的 DevTools 工程工作重点在于提升性能。我们在 网络 面板中使收集快速触发的请求的过程变得 更轻量级,这使得 UI 更加灵敏。同样,大型源映射脚本现在 加载速度快得多,并且在 调试器 中的加载速度也快得多,并且对 控制台 的负担也更小。
当 DevTools 在已加载的页面上打开时,在调试器中加载正确的源代码并不容易。事实上,现代浏览器非常擅长在解析、呈现或执行原始文件后将其清除,因为它不再需要。Firefox 73 使脚本加载更加可靠,并确保您获得要调试的正确文件。
更智能的控制台
控制台脚本创作和日志记录获得了一些生活质量改进。迄今为止,CORS 网络错误 仅显示为警告,当资源无法加载时,它们很容易被忽略。现在,它们被正确地报告为错误,而不是警告,以使它们获得应有的可见性。
在表达式中声明的变量 现在 将被包含在自动完成中。此更改使您更容易在 多行编辑器 中创作更长的代码段。此外,DevTools 的自动关闭括号设置现在也在控制台中生效,使您更接近在 IDE 中创作的体验。
您是否知道可以使用背景 设置控制台日志样式?为了更多变化,您可以使用 data-uri 添加图像。此功能现在 在 Firefox 中生效,所以请不要犹豫,发挥您的创意。例如,我们在其中一个 Fetch 示例中尝试了以下操作
console.log('There has been a problem with your fetch operation: %c' +
e.message, 'color: red; padding: 2px 2px 2px 20px; background: yellow 3px no-repeat
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA
7EAAAOxAGVKw4bAAAApUlEQVQoz5WSwQ3DIBAE50wEEkWkABdBT+bhNqwoldBHJF58kzryIp+zgwiK5JX2w+
2xdwugMMZ4IAIZeCszELX2hYhcgQIkEQnOOe+c8yISgAQU1Rw3F2BdlmWig56tQNmdIpA68Qbcu6akWrJat7
gp27EDkCdgttY+uoaX8oBq5gsDiMgToNY6Kv+OZIzxfZT7SP+W3oZLj2JtHUaxnnu4s1/jA4NbNZ3AI9YEA
AAAAElFTkSuQmCC);');
并获得了以下结果
我们要感谢 Firefox DevTools 贡献者 Edward Billington 对 data-uri 的支持!
我们现在默认显示参数。我们认为这使得 JavaScript 函数的日志记录更加直观。
最后,在此部分中,当您在控制台中执行文本或正则表达式搜索时,您可以通过在搜索项前添加 “-” 来否定搜索项(即,返回不包括此术语的结果)。
WebSocket 检查器改进
在 Firefox 71 中发布的 WebSocket 检查器现在可以很好地打印 WAMP 格式的消息(以 JSON、MsgPack 和 CBOR 格式)。
您无需无谓地等待更新,因为检查器现在还会指示 WebSocket 连接何时关闭。
非常感谢贡献者 Elad Zelingher 实施了 WAMP 支持,以及 saihemanth9019 为 WebSocket 关闭指示器所做的贡献!
新(强大)用户功能
我们想提一下 Firefox 73 中发布的两个不错的强大用户偏好设置功能。
首先,偏好设置中的常规选项卡现在有一个缩放工具。您可以使用此功能设置应用于您加载的所有页面的放大倍数。您还可以指定是放大所有页面内容,还是只放大文本。我们知道这是一个非常受欢迎的功能,因为有许多扩展提供了此功能。选择性缩放作为原生功能,对于用户来说是一个巨大的福音。
DNS over HTTPS 控制在网络设置选项卡中包含一个新的提供商选项,NextDNS。以前,Cloudflare 是唯一可用的选项。
关于 Chris Mills
Chris Mills 是 Mozilla 的高级技术作家,他编写有关开放式 Web 应用程序、HTML/CSS/JavaScript、A11y、WebAssembly 等等的文档和演示。他喜欢用 Web 技术捣鼓,并且偶尔会在会议和大学做技术演讲。他曾经在 Opera 和 W3C 工作,并喜欢演奏重金属鼓和喝好啤酒。他和他的妻子以及三个可爱的孩子住在英国曼彻斯特附近。
19 条评论