Firefox 53: 量子合成器、紧凑主题、CSS 蒙版等

今天发布的 Firefox 53 包含以下关键的新功能和增强功能。

Windows 上的量子合成器进程

量子项目 的首批成果之一,合成器进程,已在 Windows 上推出。合成器负责将网页上的各种元素扁平化为单个图像,以便在屏幕上绘制。Firefox 现在可以在与主 Firefox 程序完全独立的进程中运行其合成器,这意味着即使合成器崩溃,Firefox 也会继续运行——它可以简单地重新启动合成器。

有关量子项目如何降低 Firefox 用户崩溃率的更多详细信息,请查看 Anthony Hughes 的博客文章

浅色和深色紧凑主题

与 Firefox Developer Edition 一起推出的“紧凑”主题现在已成为 Firefox 的标准功能。用户可以在“自定义”模式下的“主题”菜单中找到这种节省空间、方形选项卡主题的浅色和深色变体。

Screenshot of the new compact themes in Firefox

新的 WebExtension 功能

WebExtensions 是浏览器附加组件,旨在安全有效地工作在 Firefox、Chrome、Opera 和 Edge 中,同时还支持 Firefox 独有的强大功能。

在 Firefox 53 中,WebExtensions 获得了与几个现有的 Chrome API 的兼容性

  • browsingData API 允许附加组件清除浏览器的缓存、cookie、历史记录、下载等。例如,Firefox 的 Forget 按钮 现在可以作为 WebExtension 实现。
  • identity API 允许附加组件在用户的同意下请求 OAuth2 令牌,从而更轻松地在附加组件中登录服务。
  • storage.sync API 允许附加组件将用户偏好保存到 Firefox Sync,以便在设备之间共享和同步。
  • webRequest.onBeforeRequest API 现在除了标头之外还可以访问请求正文。
  • contextMenus API 现在支持向浏览器操作和页面操作添加菜单。

Firefox 53 还支持以下独特的 API

新的 CSS 功能:定位蒙版和 flow-root

Firefox 53 支持定位 CSS 蒙版,它允许作者部分或完全隐藏网页中的视觉元素。蒙版通过覆盖图像或其他图形(如线性渐变)来工作,这些图形定义元素的哪些区域应该是可见的、半透明的或透明的。

可以将蒙版配置为使用亮度或 alpha 值进行遮挡。当模式设置为亮度时,蒙版中的白色像素对应于底层元素中完全可见的像素,而蒙版中的黑色像素将该区域完全呈现为透明。alpha 模式仅使用蒙版的自身不透明度:蒙版中的透明像素会导致元素中的透明像素。

许多蒙版属性的功能类似于等效的 background-* 属性。例如,mask-repeat 的工作方式与 background-repeat 相同。要了解有关可用属性的更多信息,请参阅 MDN 上的文档

规范 还定义了基于形状和矢量路径的裁剪方法。Firefox 53 部分支持裁剪,预计将在 Firefox 54 中完全支持。

最后,Firefox 还支持新的 display: flow-root 值,它可以实现与 clearfix 相似的结果,但使用标准的 CSS 值而不是伪元素或其他技巧。

更好的默认媒体体验

除了 Firefox 53 中的 许多其他 UI 改进 之外,默认的 <video><audio> 控件获得了新的现代外观

Screenshot of the default HTML5 video controls in Firefox 53

此外,Firefox 53 包含全新的反骚扰技术:默认情况下,HTML5 媒体在第一个激活其选项卡之前不会自动播放。尝试通过右键单击 此链接 并选择“在新选项卡中打开”来进行尝试。请注意,视频在您切换到该选项卡之前不会开始播放。

编辑:自动播放阻止计划在 Firefox 54 中推出,而不是 53。哦,不。 (错误 1308154)

64 位无处不在

Windows 用户现在可以在安装过程中选择 32 位和 64 位 Firefox 之间

Screenshot of the Firefox installer on Windows offering a choice of 32-bit or 64-bit

我们还删除了对 macOS 上 32 位 Firefox 的支持,以及对 Linux 上比奔腾 4 和 Opteron 更旧的处理器的支持。

更多信息

要了解有关 Firefox 53 的更多信息,请查看一般的 发行说明 以及 MDN 上的 面向开发人员的 Firefox 53

关于 Dan Callahan

Mozilla 开发者关系工程师,前 Mozilla Persona 开发人员。

更多 Dan Callahan 的文章…


67 条评论

  1. John

    这个深色紧凑主题看起来不错,但它需要更多改进。

    2017 年 4 月 19 日 下午 10:20

    1. Dan Callahan

      您想看到哪些具体的改进?

      2017 年 4 月 19 日 下午 12:02

      1. George

        窗口控件和选项卡之间存在较大间隙。我认为 Chrome 中的间距看起来好多了。

        Firefox 53: https://i.imgur.com/prUQ4qN.png
        Chrome: https://i.imgur.com/quH6SLl.png

        2017 年 4 月 19 日 下午 2:22

        1. Tim

          Chrome 在屏幕截图中看起来更好,但它更难使用。我尝试在 Chrome 中拖动窗口时遇到了真正的问题。可拖动区域太小了!

          2017 年 4 月 19 日 下午 7:56

        2. Jose

          在 Win7 上一切都很好:http://prntscr.com/eylfic

          2017 年 4 月 20 日 上午 0:45

      2. DD

        嗨,

        我只是想指出 Hacks 博客的评论部分似乎存在一个奇怪的错误。不仅文章作者的评论被标记为作者标签,作者评论下的评论也被标记为作者标签。

        我在此处报告了这个问题,https://github.com/webcompat/web-bugs/issues/6332#issuecomment-298729789,但每个人都不确定如何正式将其传递给 Hacks 博客维护者。您能将其传递给维护者吗?谢谢。

        2017 年 5 月 10 日 下午 9:39

        1. Potch

          当然!这是样式表中的一个问题,现在正在修复。非常感谢!

          2017 年 5 月 11 日 上午 11:27

  2. jxn

    感谢您提供的Rick-Roll链接。您能提供关于将Quantum合成器引入Linux的时间表吗?虽然Linux的市场份额可能较小,但我认为GPU驱动程序的现状使得Quantum合成器在该平台上成为稳定性方面最大的胜利。

    2017年4月19日 下午11:07

  3. michael

    不错的更新,我很欢迎主题的加入。现在,最终用户无需安装Firefox开发者版即可享受深色主题,非常感谢!

    2017年4月19日 下午11:31

  4. FJ

    为什么不添加一个选项,永远禁止自动播放HTML5视频?大多数大型网站已经放弃了Flash视频,因此新的HTML5视频会自动播放。这令人讨厌,尤其是在网络连接不稳定的国家。

    2017年4月19日 下午11:34

    1. Dan Callahan

      我们还没有一个全面的解决方案,但将about:config中的media.autoplay.enabled设置为false应该可以解决大部分问题。

      2017年4月19日 下午15:15

      1. Xadiq

        FlashStopper插件也可以做到这一点。您可以指定允许哪些网站自动播放(永久或暂时)。如果需要,还可以阻止GIF动画。

        2017年4月20日 上午01:19

        1. sam

          嗨,
          我想在我的网络浏览器Firefox中运行所有网站,但是管理员限制了访问。您能告诉我如何突破限制并运行所有网站吗?
          谢谢。

          2017年4月24日 上午04:27

          1. Dan Callahan

            我们不支持绕过此类限制,但也许来自portableapps.com的非官方“便携版”Firefox可以帮您解决问题?它允许您从USB驱动器运行应用程序,无需安装。

            2017年4月24日 上午08:15

  5. ClaudioM

    我喜欢新的紧凑主题,以及构成Fx 53的所有其他变化。希望紧凑主题最终能够遵循GTK+3主题的样式和颜色。这不是什么大问题,但它会让紧凑主题在Linux和其他*nix系统中更加精致。

    2017年4月19日 下午12:04

  6. Xerathus

    “此外,Firefox 53包含全新的反烦人技术:默认情况下,HTML5媒体不会自动播放,直到其选项卡首次激活。请尝试右键单击此链接并选择“在新选项卡中打开”。请注意,视频不会在您切换到该选项卡之前开始播放。”

    这不起作用。它立即开始播放视频。其他没有视频的正常选项卡会重新加载(激活?),但这确实是新的,所以我想它部分起作用了?

    2017年4月19日 下午12:11

    1. Dan Callahan

      哦,不!这实际上是无意的。自动播放阻止器计划在下一个Firefox版本中发布,而不是这个版本。抱歉!(我已经更新了帖子。)

      2017年4月19日 下午12:55

  7. minimalist

    我喜欢深色紧凑主题的配色方案。但与默认主题相比,它在空间浪费方面似乎没有太大区别。是否有更详细的说明(对比图片)显示紧凑主题在哪些地方节省了多少像素?

    2017年4月19日 下午13:22

    1. Dan Callahan

      紧凑主题在macOS上节省了大约15像素:http://imgur.com/a/h1OdJ 虽然不算很多,但确实有所区别。

      2017年4月19日 下午15:34

      1. Dan

        紧凑主题节省了垂直空间,但损失了水平空间。在所有选项卡的左侧和右侧都有更多的填充,正如您的imgur链接中清楚地显示的那样。这是bug吗?谢谢。

        2017年4月19日 下午23:59

        1. Dan Callahan

          左侧有更多填充,以确保窗口仍然可拖动,而不会意外地点击最大化按钮。这是水平紧凑度和可用性之间的折衷方案。

          2017年4月20日 上午08:10

          1. Dan

            好的,但为什么这与默认的非紧凑主题不同?默认主题在我看来有足够的空间。我的设置如下所示:http://imgur.com/a/Eudo2

            2017年4月20日 下午21:53

  8. Ludwig Stecher

    我喜欢新的紧凑主题,但它们不能与背景图片一起使用。

    如果我能够选择一个主题(来自addons.mozilla.org)并且可以在默认模式和紧凑模式之间进行选择,那就好多了。

    2017年4月19日 下午13:36

    1. Dan Callahan

      我怀疑这将在今年晚些时候我们的UI重新设计项目Photon发布时成为可能。当前的模型将紧凑模式/普通模式作为独立于主题设置的单独“密度”设置。

      2017年4月20日 上午08:20

  9. Jose

    我们需要先卸载32位Firefox才能安装64位吗?

    2017年4月20日 上午00:48

  10. Shady Fluke

    新的紧凑主题真的很棒。
    …但我不知道是否有简单的方法将蓝色选项卡颜色更改为不那么分散注意力的颜色?

    感谢您的辛勤工作!

    2017年4月20日 上午01:24

    1. Dan Callahan

      这绝对不受支持,但您可以在userChrome.css (示例)中覆盖颜色。

      2017年4月20日 上午09:25

  11. FJ

    我在两台机器上安装了firefox 53。两台机器都运行最新的Windows 10,一台只有集成英特尔显卡,另一台是联想笔记本电脑,同时拥有英特尔和英伟达显卡。这两台电脑都没有运行两个Firefox进程。我如何查看为什么它没有启用两个进程?

    2017年4月20日 上午05:35

    1. Dan Callahan

      在about:support中应该有一些指示。尤其要查看“多进程Windows”和“图形”->“决策日志”部分。

      2017年4月20日 上午09:29

      1. FJ

        谢谢,由于我的插件,多进程被禁用了。
        我的插件列表如下:您知道哪些插件会导致多进程被禁用吗?

        Downthemall
        Flashstopper
        Gcache
        Right links
        ublock origin
        user agent switcher
        youtube video and audio downloader

        2017年4月20日 下午13:14

      2. FJ

        为了回答我自己的问题,我有几个插件禁用了多进程。它们是g+cache、flashstopper和user agent switcher。

        2017年4月20日 下午13:42

  12. MakoSDV

    我认为紧凑主题绝对是一个改进,但我仍然不得不切换回使用Classic Theme Restorer来获得我想要的功能。我担心在Firefox 57中不再支持旧版插件时会发生什么。

    2017年4月20日 上午07:59

    1. Dan Callahan

      您想要哪些CTR提供的特定功能?

      2017年4月20日 上午08:07

      1. Miles Raymond

        只有CTR才能让新的Firefox看起来像旧的Firefox。我还没有看到任何主题能够将选项卡放回底部,显示菜单栏等。

        2017年4月20日 上午09:34

  13. gr

    是的,但为什么添加新功能时浏览器总是会在打开两个或三个选项卡时崩溃?从我升级到40版,现在升级到50版及更高版本,仍然存在同样的问题,以前使用30版时没有这个问题!

    我的硬件是2020m处理器、6GB内存、1TB SSD磁盘、NVIDIA GeForce 710m,它可以从40版(我不记得确切的版本)开始运行Firefox。

    2017年4月20日 上午09:43

    1. Dan Callahan

      Firefox绝对不应该经常崩溃。您尝试过按照故障排除崩溃中的建议操作吗?

      2017年4月20日 上午10:03

  14. Elijah

    新选项卡和开发者工具中的JSON查看器有了不错的改进。
    不幸的是,过滤对于对象和数组不起作用。

    例如,如果我按属性名称过滤JSON对象,并且属性是数组,我无法展开此数组并查看元素。

    2017年4月20日 上午09:48

    1. Dan Callahan

      感谢您的报告!我已经创建了Bug 1358192 来跟踪这个问题。

      2017年4月20日 上午10:01

  15. Ubuntourist

    所以,六年前…

    > 实施WebVTT元素…
    > https://bugzilla.mozilla.org/show_bug.cgi?id=629350

    最近的“依赖于”评论是在两个月前…

    有什么方法可以推动它前进吗?

    2017年4月20日 上午10:00

    1. Dan Callahan

      顶级错误活动可能有点误导;它看起来在依赖树的更下方有更多生命力。例如,针对Bug 1353689 的补丁就在两天前通过了审查。我将向DevRel的跟踪器添加元错误,以便如果它超过一个季度没有有意义的活动,我们会收到通知。

      2017年4月20日 上午10:17

  16. Anthony

    FF 64位现在可以与Trusteer一起使用吗?

    2017年4月20日 上午10:18

    1. Dan Callahan

      看起来我们在Bugzilla中找到的大多数Trusteer问题都难以重现。如果您遇到具体问题,请提交错误,并将其设置为阻止Bug 1320970

      2017年4月20日 上午10:31

  17. Hermann Hoor

    很抱歉,我无法评论或发表意见,因为它是英文的。我的母语是德语。

    2017年4月20日 上午10:33

    1. Dan Callahan

      抱歉。发行说明是由志愿者翻译的。如果翻译完成,它将位于https://mdn.org.cn/de/Firefox/Releases/53

      (此评论由 Google 翻译。我的德语不太好…)

      2017年4月20日 上午10:43

  18. Doug

    我在紧凑的浅色主题中看到一个圆形的选项卡覆盖在活动选项卡之上。有没有办法去掉覆盖的选项卡,只让活动选项卡显示为纯蓝色?
    http://i.imgur.com/xlLL0AL.jpg

    2017年4月20日 下午12:55

    1. Dan Callahan

      这绝对是不对的。它在安全模式中仍然存在吗?如果您创建新的配置文件会怎样?

      2017年4月20日 下午13:12

  19. Francesco Miglietta

    HTML5支持倒退怎么样?
    我在HTML5TEST网站上少得了2分,因为缺少对HTML5 beacon的支持,而Firefox 52支持它。

    提前感谢。

    2017年4月21日 上午02:42

    1. Dan Callahan

      sendBeacon在我的Firefox 53上运行良好。可能是插件或其他设置在您的端阻止了它?无论如何,html5test.com在他们包含的内容方面做了一些非常奇怪的选择,所以我不会太担心这里和那里的细微偏差。

      2017年4月21日 下午13:03

  20. Sviat Lohinau

    浅色紧凑主题看起来很棒。
    但我希望能够减少选项卡栏中的空白区域。

    2017 年 4 月 21 日 下午 03:46

  21. eine

    为什么完全支持 CSS 掩码需要这么长时间?

    2017 年 4 月 21 日 下午 08:19

  22. Kent

    有没有采取措施解决 plugin-container.exe 占用大量 CPU 的问题?它正在摧毁我的电脑。

    2017 年 4 月 21 日 下午 23:46

    1. Dan Callahan

      Plugin-container.exe 是第三方插件(如 Adobe Reader 或 Flash)的包装器。由于我们无法控制插件本身,因此我们无法对它们使用多少 CPU 做太多事情。浏览器供应商 *可以* 做的是完全摆脱插件,因为现在 Web 足够强大,可以取代大多数常见的插件。所有主要浏览器都已这样做,尽管大多数浏览器(包括 Firefox)对 Flash 都有一个临时例外,因为 Flash 在 Web 上仍然很常见。

      2017 年 4 月 24 日 上午 09:08

      1. MARILYN

        回复 Root777,我在当前网站上每天多次使用搜索栏在新标签页中打开内容。如果我无法复制和粘贴,我可能需要将信息输入搜索栏,然后再打开一个新标签页进行搜索。我不知道你为什么要如此困扰,因为你以前可以将该框滑到几乎消失不见。现在因为像你这样的人,我必须打开一个记事本把我的信息放进去才能复制粘贴。谢谢。

        2017 年 4 月 26 日 上午 08:54

  23. Root777

    右上角的小搜索栏应该移除。它完全多余且对用户来说令人困惑。我看到很多用户认为左侧输入用于 URL,右侧输入用于搜索。尽管大多数用户没有使用它,因为 Firefox 主页也有一个搜索框。为什么 Firefox 在一个窗口中需要三个搜索框?我不明白。

    2017 年 4 月 22 日 下午 22:37

    1. Dan Callahan

      我们正在探索在今年晚些时候的 UI 刷新中默认情况下将搜索栏和 URL 栏统一起来。我保证在过去曾经有很好的理由将它们分开。

      2017 年 4 月 24 日 上午 08:17

      1. DeRS

        Daniel,感谢你的更新,但我可以问几个稍微偏离主题的问题吗?

        1. 我的 FireFox 有很多标签(几百个),所以我使用“点击加载”功能,这样浏览器就不会变慢。

        但是,它仍然会变慢,因为我看到它将所有标签都解压缩并展开到内存中,就好像它们都被加载了一样,这极大地减慢了浏览器启动和退出速度。

        我不确定为什么不可能以“点击加载”模式处理标签,就像处理带有网站图标的链接一样。这将大大提高启动和退出时间,并减少内存占用和整体运行时间。

        你知道是否有计划重新设计未点击标签的处理方式以解决这个问题吗?

        2. 当我长时间使用浏览器时,我会点击很多标签,FireFox 会变得非常慢。调试分析不出所料地表明,大部分时间都花在了所有这些活动标签所需的各种垃圾回收上。

        我的意思是,当前标签必须拥有绝对优先级,以便于 GUI,这样我就不必等待半秒钟来让浏览器响应我在文本字段中输入内容或选择一些文本或在链接上打开上下文菜单。

        你知道是否有计划重新设计这种方法以保证无论有多少活动的后台标签运行它们的垃圾生成脚本,当前标签都将拥有绝对优先级,以确保旧的 FireFox 会话与只有一个标签的新 FireFox 会话一样响应迅速吗?

        2017 年 4 月 26 日 下午 02:05

        1. Dan Callahan

          我们刚刚对延迟加载标签进行了重大改进(Bug 1345090),它应该在 Firefox 55 中推出。我们还在 Quantum DOM 项目中努力改进后台标签的节流/冻结,这应该可以解决第二个问题,尽管我很难找到该问题的具体错误编号。

          2017 年 4 月 26 日 下午 12:50

          1. DeRS

            感谢这个好消息。从引用错误中提到的延迟标签功能是一个主要的专业浏览功能;很多大量使用浏览器的用户讨厌使用书签,因此从未真正打开过干净的 FireFox 会话。

            说实话,我对之前 Mozilla 的管理将如此多的人力资源投入到那些 _明显_ 是死胡同的项目中并不感到高兴,但看起来最近该公司对员工的待遇好多了,让他们做真正有用的任务。

            谢谢你们!

            如果可以的话,我还有几个问题。

            你是否遇到过崩溃,这些崩溃会奇怪地导致已加载(不是“延迟”)的后台标签丢失所有上下文以及网站图标,显示灰色地球仪?我通常会遇到臭名昭著的“@ IPCError-browser | ShutDownKill”崩溃,这些崩溃会对我的会话造成这种影响(上下文永远不会恢复,但我必须手动点击每个变灰的标签才能恢复网站图标)。

            这意味着 SessionStore JSON 已损坏,崩溃可能发生在处理/同步/写入 SSD/HDD 的时候。

            奇怪的是,在(重新)启动 FF 期间,它无法理解会话以这种方式损坏,并且将其打开,就好像它正常一样,忽略备份版本,因此用它刚刚打开的损坏版本的会话覆盖它们。

            我的问题是,是否有人提交了关于以下方面的错误报告:

            1) 以某种方式更改 SessionStore 管理,使其不再损坏 JSON?为什么会话管理的架构仍然不可靠?为什么不将其设计为防损坏,以某种序列化方式安排与 SSD/HDD 的同步,这将使它不可能突然破坏已加载的后台标签的数据?

            2) 更新在 FF 启动期间执行的 JSON 完整性检查器,使其能够更好地识别损坏的会话,并最好地恢复丢失的数据,例如网站图标,或者使用包含所有内容的 SessionStore JSON 的备份版本,包括上下文?

            p.s. 在这个评论系统中,“通过电子邮件通知我后续评论”标志对我不起作用,尽管我提供了一个完全有效的电子邮件地址(我也检查了垃圾邮件文件夹:没有收到关于你回复的邮件通知)。是我的问题,还是一个常见的临时问题?

            2017 年 4 月 26 日 下午 14:02

          2. Dan Callahan

            我不太喜欢保持很多标签打开,所以我没有遇到过这些问题。你愿意为它们提交错误报告吗?还是希望我代为提交?

            (我也会检查评论回复通知……)

            2017 年 4 月 28 日 上午 10:37

          3. DeRS

            这种会话损坏效果无法系统地重现,因此将其作为常规错误报告意义不大。有一种不同的“错误”类型是积极的开发人员在需要讨论浏览器的某些行为时提交的。我提出的两个关于此问题的问题属于此类。但我不知道是否已经提交了此类功能错误。

            2017 年 4 月 28 日 下午 16:39

      2. Graeme

        我经常使用 URL 栏搜索框……每天都使用。在上周五结束时将我的工作电脑(Windows 7 64 位)更新到 FF 53.0 后,我今天(周一)发现小搜索框不见了!啊!
        我正在尝试找到将它放回去的选项/设置……对我的工作流程有重大影响!

        2017 年 5 月 7 日 下午 18:07

        1. Dan Callahan

          搜索框肯定应该在 Firefox 53 中。也许可以尝试菜单 -> 自定义 -> 恢复默认值?

          2017 年 5 月 8 日 上午 07:33

  24. jack

    在 Mozilla 博客的主页上没有关于 https://blog.mozilla.org/blog/2017/04/19/first-big-bytes-project-quantum/ 的评论,所以我把这留在这里。

    这篇文章似乎是错误的。它说“Firefox 现在使用 TLS 1.3 来保护 HTTPS 连接”。但看起来 Firefox 53 中 security.tls.version.max 的默认值仍然是 3,因此它根本不会开箱即用地使用 TLS 1.3,不会比以前任何版本多。 https://bugzilla.mozilla.org/show_bug.cgi?id=1310516 说过这在 Firefox 52 中也发生了改变,但它在那里的已修复状态似乎是完全错误的,而且没有人修改它。

    2017 年 4 月 27 日 下午 16:08

    1. Dan Callahan

      谢谢,我会调查一下。

      2017 年 4 月 28 日 上午 10:38

  25. J D

    Mozilla 团队终于修复了自 30 版本或更晚版本以来一直存在的长期 PDF 错误吗?

    这是我在 4 月下旬的 52.0.2 版本上尝试解决该错误的视频,当时它还是最新版本。
    https://youtu.be/VPxGOxalef8

    2017 年 5 月 3 日 上午 04:08

    1. Dan Callahan

      哇,这是一个奇怪的错误。我会看看在 Bugzilla 中能找到什么。我们正在尝试完全替换内置的 PDF 渲染器(“Project Mortar”),这可能会顺便修复该错误……

      2017 年 5 月 3 日 下午 16:31

  26. Matt M.

    我非常喜欢紧凑的深色主题。非常干净和现代。

    2017 年 5 月 6 日 下午 19:33

本文的评论已关闭。