Firefox 73 发布

又是一个月,又一个新的浏览器发布!今天我们发布了 Firefox 73,其中包含一些实用的新增功能,包括 CSS 和 JavaScript 更新,以及大量的 DevTools 改进。

继续阅读以了解亮点。若要查找完整的更新列表,请查看以下链接

注意:直到最近,这篇文章还提到在 Firefox 73 中启用了新的表单方法 requestSubmit()。但后来发现,requestSubmit() 实际上目前在 flag 后面,目标是在 Firefox 75 中发布。对于此错误,我们深表歉意。(更新时间:2 月 14 日,星期五。)

Web 平台语言功能

我们最新的 Firefox 提供了一些新的 Web 平台添加功能;现在让我们回顾一下重点。

我们添加了 CSS 逻辑属性,其中包括 overscroll-behavior-blockoverscroll-behavior-inline.

这些新属性为 overscroll-behavior-xoverscroll-behavior-y 提供了逻辑上的替代方案,它们允许您控制浏览器在达到滚动区域边界时的行为。

yearNamerelatedYear 字段现在可在 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);');

并获得了以下结果

styled console message with yellow highlighter effect

我们要感谢 Firefox DevTools 贡献者 Edward Billington 对 data-uri 的支持!

我们现在默认显示参数。我们认为这使得 JavaScript 函数的日志记录更加直观。

最后,在此部分中,当您在控制台中执行文本或正则表达式搜索时,您可以通过在搜索项前添加 “-” 来否定搜索项(即,返回包括此术语的结果)。

WebSocket 检查器改进

在 Firefox 71 中发布的 WebSocket 检查器现在可以很好地打印 WAMP 格式的消息(以 JSON、MsgPack 和 CBOR 格式)。

a screencapture showing WAMP MessagPack in the WebSocket Inspector

您无需无谓地等待更新,因为检查器现在还会指示 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 工作,并喜欢演奏重金属鼓和喝好啤酒。他和他的妻子以及三个可爱的孩子住在英国曼彻斯特附近。

Chris Mills 的更多文章……


19 条评论

  1. Virendra kumar

    我们如何知道何时使用新的 Firefox?

    2020 年 2 月 11 日 上午 09:10

  2. Ceremy Jorbyn

    毫无疑问,我必须用用户样式 CSS 捣鼓一番,才能让该死的选项卡再次回到底部。真烦人。把它做成一个切换开关吧,拜托。

    2020 年 2 月 11 日 下午 18:14

  3. Michael M.

    我在发布说明中看到:“改进了对不显式声明文本编码的旧网页的旧版文本编码的自动检测。” 我找不到此问题的 Bugzilla 条目,因此我不确定做了什么以及应该更改什么,但我注意到,至少对于 xkcd 来说,这并非改进,例如,请参阅 https://xkcd.com/1072/ 中的标题文字(至少我认为,在 Firefox 正确检测到该页面的 UTF-8 之前,现在才切换到 ISO-whatever)。

    2020 年 2 月 12 日 上午 01:49

  4. Michael Jones

    Firefox 73.0 不起作用,我只能打开选项卡,自定义标题,仅此而已。我已经尝试过刷新、下载、卸载和下载,但什么都无法解决。

    2020 年 2 月 12 日 上午 05:06

    1. Jon Paddock

      Michael,我理解你的感受……我遇到了完全相同的问题。只有标题显示,但标题下方应该显示网页的地方却是一片空白。更新到 73.0 后,Firefox 对我来说不起作用。我暂时切换到 Chrome。

      2020 年 2 月 17 日 下午 22:41

  5. Michael Jones

    我忘记在我的第一篇帖子中提到,firefox 甚至无法连接到互联网。

    2020 年 2 月 12 日 上午 05:15

  6. Trevor Baaird

    是的,Firefox 更新不起作用 – 与 Michael 一样…………….

    2020 年 2 月 12 日 上午 07:49

    1. Chris Mills

      嗯,我想知道你与 Michael 是否使用了特定的操作系统/浏览器组合,导致了问题。如果有问题,它可能已经被人报告过。也许值得检查 https://bugzilla.mozilla.org/home,看看是否其他人也报告过这个问题?

      2020 年 2 月 12 日 上午 08:04

      1. Trevor Baird

        我在那里查看过,那些“聪明”的人说确实存在问题。

        2020 年 2 月 13 日 上午 01:01

        1. Annika S

          你好 Trevor,
          你有事件编号吗?我在 Bugzilla 上找不到任何信息……或者是我没有找对地方。但我遇到了同样的问题,基本上是空白的白色页面,并且没有网络连接。

          谢谢
          Annika

          2020 年 2 月 14 日 上午 10:43

  7. CHARLES BARTHOLOMEW

    更新到 73 后,无法连接到任何选定的网站,包括 Mozilla。我正在从同一台笔记本电脑上使用 Chrome 发送此消息。

    2020 年 2 月 12 日 下午 13:57

  8. Eddy

    Firefox 对我来说不起作用。与 Michael Jones 的问题相同:“Firefox 73.0 不起作用,我只能打开选项卡,自定义标题,仅此而已”

    希望它尽快得到解决。

    2020 年 2 月 12 日 下午 18:47

  9. Tim Rowe

    每次我尝试通过 Firefox 打开这个网站 - https://www.totalassignmenthelp.com/
    Firefox 就崩溃了,我已经多次报告了这个错误,但我没有收到任何通知。
    请尽快查看。
    此致

    2020 年 2 月 13 日 下午 4:01

  10. Yan

    您好,

    我报告我的更新运行良好。
    我的操作系统是 Windows 10。

    2020 年 2 月 13 日 上午 8:14

  11. Greg

    在早期版本的 FF 中,我使用“chrome://browser/content/places/bookmarksPanel.xul”作为我的主页,它显示了我所有分组在不同文件夹中的书签。在 FF 73.0 中,这似乎已损坏,并显示“找不到文件”错误,文本为“Firefox 找不到文件 at jar:file:///C:/Program Files/Mozilla Firefox/browser/omni.ja!/chrome/browser/content/browser/places/bookmarksPanel.xul”。我已经尝试过干净安装,但没有效果。否则 FF 按预期工作。

    Windows 10
    Firefox 73.0(64 位)

    2020 年 2 月 13 日 下午 1:57

  12. Greg

    对先前评论的补充:FF 73.0 无法打开任何 chrome: URL。

    2020 年 2 月 13 日 下午 2:13

  13. B

    嗨,Chris,感谢您的更新。
    您是否可以向产品经理提个醒,许多用户希望他们的标签显示在地址栏下方?每个新版本都需要重新弄清楚如何更新 css 文件。

    令人费解的是,为什么您的设计师坚持使用这种不受欢迎的 UX。

    干杯,
    Barry

    2020 年 2 月 15 日 上午 3:44

  14. Greg

    为了回答我自己在 2 月 13 日的问题,在 FF 73.0 中,以前为 .xul 的文件已重命名为 .xhtml 并重新定位到程序文件夹中的 omni.ja 存档中。在单个页面或标签上显示所有书签的正确方法应该是将浏览器指向“chrome://browser/content/places/bookmarksSidebar.xhtml”,而不是我一直在尝试的。

    Greg

    2020 年 2 月 16 日 下午 5:17

  15. 用户 # 1,484,654,981

    自更新后,“about:config?filter=permissions.default.image” 设置为 2 不再有效。图像仍然加载。现在怎么办?

    2020 年 3 月 4 日 下午 12:26

本文的评论已关闭。