Firefox 66: 静音模式

Firefox 66 已发布,它带来了许多很棒的新功能,例如屏幕共享、滚动锚定、可听媒体的自动播放阻止以及对 macOS 上触控栏的初步支持。

这仅仅是亮点。有关完整信息,请参阅

可听自动播放阻止

从版本 66 开始,Firefox 将 阻止可听视频和音频的自动播放。这意味着媒体(音频和视频)必须等待用户交互才能播放,除非在相关的 HTMLMediaElement 上设置了 muted 属性。阻止可以在网站信息覆盖层中逐案禁用

网站信息面板的屏幕截图,显示“自动播放声音”权限现在决定何时打破 寂静

注意:我们正在逐步推出阻止功能,以确保它不会破坏合法使用案例。所有 Firefox 用户都应在 几天内启用阻止功能。

可用性改进

滚动锚定

Firefox 现在实现了 滚动锚定,它可以防止缓慢加载的内容突然出现并将可见内容推离页面。

触控栏

macOS 上的触控栏现在已受支持,可提供对常用浏览器功能的快速访问,无需学习键盘快捷键。

Photo of Firefox's buttons on a MacBook Pro Touch Bar

标签搜索

标签太多?溢出菜单中新增了一个选项,用于搜索打开的标签并切换到正确的标签。

Firefox 标签溢出菜单的屏幕截图,显示新的“搜索标签”选项细心的用户会注意到,单击“搜索标签”会将焦点放在 Awesomebar 并将在查询前面输入 % 符号。因此,虽然菜单条目使标签搜索更易于发现,但您实际上可以通过将焦点放在 Awesomebar 上并手动键入 % 符号或 其他修饰符来实现相同的效果。

扩展快捷键

说到快捷键,您现在可以通过访问 about:addons 并单击扩展程序概述页面齿轮图标下的“管理扩展程序快捷键”,管理和更改扩展程序设置的所有快捷键。Firefox 新设置页面截图,用于管理扩展程序添加的键盘快捷键

更好的安全警告

我们彻底重新设计了 Firefox 的安全警告,以更好地鼓励安全的浏览习惯(即,不要忽略警告!)。

扩展 CSS 功能

Firefox 是第一个支持为 CSS 网格 grid-template-rowsgrid-template-columns 属性进行动画制作的浏览器,如下面的 视频 所示。

我们也是第一个支持 overflow-inlineoverflow-block 媒体查询的浏览器,这些查询可以根据是否(以及如何)溢出内容对用户可用进行应用样式。例如,数字广告牌可能会报告 overflow-block: none,而电子阅读器将匹配 overflow-block: paged

此外,Firefox 现在支持

新的 DOM API

新的 getDisplayMedia API 启用 Web 上的屏幕共享,类似于 getUserMedia 提供对网络摄像头的访问。生成的流可以在本地处理或通过 WebRTC 共享到网络。有关更多信息,请参阅 MDN 上的 使用屏幕捕捉 APIFirefox 屏幕共享对话框的屏幕截图

Mozilla 在 Bugzilla 中使用 getDisplayMedia,允许人们 直接从浏览器内部截取并附加屏幕截图 到他们的错误报告。

此外,从 Firefox 66 开始,InputEvent 现在有一个只读属性 inputType。这将区分输入字段内可能发生的许多不同类型的编辑,例如 insertTextinsertFromPaste。要了解更多信息,请查看 MDN 上的 文档(和实时演示)

浏览器内部

最后,我们对 Firefox 的底层工作方式进行了一些更改。

来自 Mozilla 的全体员工,感谢您选择 Firefox!

关于 Dan Callahan

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

Dan Callahan 的更多文章…


27 条评论

  1. Boris Bosanovici

    是的,但它是否有像旧版 56 那样支持多行书签的插件?整个互联网实际上仍在使用它,原因就是这个。

    2019 年 3 月 20 日 下午 3:00

    1. Dan Callahan

      没有。Web 扩展没有像传统插件那样修改 Firefox 界面的能力。

      运行旧版浏览器会使您的计算机和数据面临巨大风险。如果您无法升级 Firefox,请考虑切换到其他愿意保持更新的浏览器。

      2019 年 3 月 21 日 上午 10:18

      1. Glenn

        为什么 Firefox 在打印页面时会在后面添加白色背景,即使(1)IE 和 Edge 不会这样做(2)HTML 指定默认透明背景(3)我指定了透明背景?我试图在代码中找到它在哪里做到的,但发现很难弄清楚打印代码。有人可以告诉我它在哪里发生,这样我就可以尝试修复它吗?当试图合并捕获的打印文件时,这尤其麻烦。查看捕获的 PDF 输出文件会显示不在页面上的 HTML 中的巨大页面大小的白色块。

        2019 年 3 月 21 日 下午 1:11

        1. Dan Callahan

          如果您不介意与 Bugzilla 搏斗,最好 提交一个问题 并继续关注。如果您能提供详细的步骤来重现您所看到的现象,那就更好了;它有很多活动部件。:-)

          如果您提交了错误,请回到这里并评论错误编号,以便我进行跟踪。

          2019 年 3 月 21 日 下午 13:54

          1. Glenn

            哦,我在一年前处理过这个问题…… 错误 1432750…… 之后我尝试浏览打印代码…… 似乎要真正理解打印代码需要一个巨大的学习曲线……

            令我惊讶的是,FF 在选项中有一个背景颜色设置,但我找不到透明度选项。

            2019 年 3 月 21 日 下午 14:43

  2. Jerry

    现在,许多网站都允许音频广告在您滚动经过后加载和播放,所以可听见的自动播放阻止功能是一个重大改进。 您唯一能阻止它们的方法是滚动回,试图找到违规的文件。

    2019 年 3 月 21 日 上午 07:19

  3. jop

    我的天哪,感谢您成为第一个将网格模板动画推向市场的人。 它似乎是应该与原始规范一起发布的东西,但无论如何,能够像那样调整单个元素大小的工具非常棒,我迫不及待地想回到以前,并将它添加到那些我一直想要使用的情况中

    2019 年 3 月 21 日 上午 07:30

  4. Juan Lanus

    我注意到这些截图是用 Mac 制作的。
    这是大多数 Firefox 用户使用的操作系统吗?

    2019 年 3 月 21 日 上午 07:55

    1. Dan Callahan

      绝大多数 Firefox 用户都在使用 Windows,但 macOS 和 Linux 在 Firefox 开发人员中非常受欢迎。

      2019 年 3 月 21 日 上午 10:11

  5. Greg

    这个版本比之前的版本占用更少的内存吗? 如果没有,是否计划让浏览器不再那么占用内存? 我真的很喜欢 Firefox,但内存使用情况有时会使其不切实际。

    2019 年 3 月 21 日 下午 15:59

    1. Dan Callahan

      每个标签的内存开销确实降低了,但我们利用这些预算将 Firefox 为网络内容运行的进程的最大数量增加了一倍。 这意味着如果您通常打开很多标签,您可能不会看到太大变化,但由于进程增多,您的 Firefox 应该具有更好、更稳定的性能。

      目前正在进行一些项目来进一步改善 Firefox 的内存占用情况,您可以在上面“浏览器内部”下的第二个项目符号中了解这些项目。

      2019 年 3 月 22 日 下午 14:38

  6. Sergey Kuzmenko

    Mozilla 有 VPN 吗?

    2019 年 3 月 22 日 上午 02:23

    1. Dan Callahan

      我们目前没有提供 VPN 服务,尽管我们去年确实测试了与 ProtonVPN 的合作关系。

      2019 年 3 月 22 日 下午 14:40

  7. Stager

    无法使用 66。 无法让 Flash 工作。 如果没有 Flash,我认为 FF 66 或者任何浏览器都是残缺的。 我不在乎你添加了多少糖,一旦你通过移除 Flash 弄脏了它,我绝对不想要它。

    2019 年 3 月 23 日 下午 13:34

    1. Dan Callahan

      Flash 应该仍然可以在 Firefox 中工作,但是您应该知道 Flash 是一个死胡同。 明年,Adobe 将停止分发 Flash,并且所有浏览器都将完全删除对它的支持。 请查看我们的 新闻稿弃用路线图,以了解更多信息。

      如果您仍然依赖于使用 Flash 的网站,请鼓励作者升级到现代 Web 标准。

      2019 年 3 月 23 日 下午 13:51

      1. Rumi

        我也无法在 Firefox 66(Linux)中让 Flash 工作。 插件显示它已更新,Firefox 称它已存在并正在工作。 但任何 Flash 内容都告诉我没有安装 Flash 播放器。

        对于那些总是说“只要不使用 Flash”或“升级到现代 Web 标准”的得意开发人员,请让我提醒你们,有数百万美元的软件应用程序是基于 Flash 开发的——特别是在教育领域——它们不在线也不在网站上。 这些应用程序已经编写完成,付费使用,不会在新的平台上重新编码。 钱不够。 是的,我们知道 Flash 即将消失,但我们对此无能为力。 所以,在此期间,我们必须做一些荒谬的事情,比如安装旧版本的 Firefox,并立即使计算机脱机,以防止浏览器升级并破坏它……

        2019 年 3 月 25 日 上午 11:28

        1. Dan Callahan

          我相信您需要手动在 每个网站的基础上启用 Flash。 应该有一个出现在 URL 左侧的图标,允许您解除 Flash 的阻止。 您可能还想检查其在 about:addons 的插件选项卡中的设置(是否不小心将其设置为“从不激活”?)

          我理解“升级到 Web 标准”并不令人满意,但这是不可避免的:Adobe 自身将在明年停止分发 Flash,我们对此也无能为力。

          至少可以避免通过使用 DisableAppUpdate 策略 来防止 Firefox 自动更新,从而避免匆忙将计算机脱机。 当然,禁用更新会造成安全风险。 如果您确实启用了该策略,请确保您仅在使用内部受信任内容时才使用该 Firefox 版本。

          2019 年 3 月 26 日 下午 15:14

  8. Rai42

    我非常感谢您正在对抗互联网癌症——侵入式广告。 谢谢您。

    但是,在 2 月份宣布该功能后,承诺会有一个选项可以阻止静音自动播放。
    (这里:https://hacks.mozilla.ac.cn/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/#comment-24506 )

    我现在在 Linux 上的 FF 66.0 中在哪里可以找到此选项? 它只有一个“阻止网站自动播放声音”的复选框。

    另外,我之前为实现此目的而设置的 about:config 选项似乎不再有效。 视频(例如在 Twitter 上)又开始(静音)自动播放了。

    2019 年 3 月 24 日 上午 06:16

    1. Dan Callahan

      还没有一个可见的复选框可以禁用静音自动播放,但您应该能够在 about:config 中解决它。

      1. 确保 media.autoplay.default 设置为 1(这是“阻止网站自动播放声音”首选项,默认情况下将在一周多一点时间后为所有人启用。)

      2. 将 media.autoplay.allow-muted 设置为 false(这将阻止所有媒体自动播放,即使静音也是如此。)

      3. 可选地,将 image.animation_mode 设置为“none”或“once”,如果您还想禁用动画 GIF。

      CSS 动画和由 HTML5 canvas/WebGL 驱动的动画可能会继续播放,我不知道有任何直接的方法可以阻止它们。

      2019 年 3 月 24 日 上午 08:24

      1. Rai42

        感谢您快速回复。

        我已经设置了 #1 和 #2,而 #3 似乎也没有帮助。

        但是,我注意到问题并非在所有地方都存在,并且可能特定于 Twitter。 Twitter 喜欢在视频滚动到视图中时自动启动视频,而 FF 目前无法阻止这种情况。 不确定这些视频是否属于您提到的类别,但以前它在 Twitter 上是有效的,因此有一些变化。 FF 是否认为滚动足够“用户交互”以允许自动播放? 我认为不应该。 如果视频在页面加载时已经在视图中,它不会自动播放。

        视频示例:https://twitter.com/BaNeuwirth/status/1109468983231766529
        (向下滚动,然后向上滚动 => 视频开始播放)。

        2019 年 3 月 24 日 上午 10:28

        1. Dan Callahan

          嗨,这次回复有点慢,抱歉。 :-)

          在我的测试中,仅滚动不会在该 Twitter 链接上允许自动播放(而且我可以看到每次视频滚动回视图时控制台中都会出现自动播放被阻止的消息,所以我很确定它是有效的)。 您是如何滚动的?

          我观察到,页面内的任何点击都足以表示用户关注,从而禁用阻止功能。 我曾经无意中在滚动页面之前点击了时间线旁边空白处,这微妙地重新启用了自动播放。 同样,通过按空格键滚动也适用,但页面上/页面下和箭头键则不行。

          2019 年 3 月 26 日 下午 14:48

  9. happysurf

    在底部面板的权限部分,能够按站点允许或禁止 cookie 将非常棒。
    拜托。

    2019 年 3 月 26 日 上午 00:52

    1. Dan Callahan

      在网站信息面板的“内容阻止”下有一个“Cookie”概览,可以让您查看哪些域正在设置/被阻止设置 Cookie。 实际上,按站点管理此功能是一个非常高级的功能,最好留给 附加组件

      关于 Cookie 的话题,我一直对 第一方隔离 非常满意,它根据 URL 栏中显示的当前域分离第三方 Cookie。 例如,如果两个网站使用相同的分析提供商,您将获得两个独立的 Cookie:每个网站一个。 这可以使 Cookie 在网站内正常工作,但可以阻止它们在不同网站之间跟踪您。

      2019 年 3 月 26 日 下午 15:04

  10. LetsPlayNintendoITA

    这应该是一个可以禁用的选项,因为我不喜欢它被启用,而且必须在播放 YouTube 视频时实际点击播放按钮,这太烦人了! 请修复。

    2019 年 3 月 31 日 上午 09:11

    1. Dan Callahan

      这是一个选项。 在首选项中搜索“自动播放”。 取消选中名为“阻止网站自动播放声音”的复选框。

      2019 年 4 月 1 日 下午 07:57

  11. Lenny

    @Dan,触摸栏的布局可以自定义吗?
    升级后的几天里,我发现自己在打字的时候会不小心碰到“刷新”按钮。(经常发生,说出来真不好意思)

    2019 年 4 月 3 日 下午 22:23

    1. Dan Callahan

      嗨 Lenny!我们目前还不支持用于自定义触摸栏的 GUI(这是 Bug 1522012),但你可以通过编辑 about:config 中的 ui.touchbar.layout 属性来更改内容。对该属性的更改需要重启才能生效。

      你可以在 MacTouchBar.js 中查看所有可用按钮的列表。目前有:后退、前进、重新加载、主页、全屏、查找、新建标签页、侧边栏、阅读器视图、打开位置和分享。

      2019 年 4 月 4 日 上午 08:00

本文评论已关闭。