Firefox Quantum 57.0 正式版用户特性介绍

Firefox 57.0 正式被命名为 Firefox Quantum（量子），它是目前 Firefox 最为重要的一个里程碑式版本，拥有新的主题设计，Quantum 量子组件等重要特性，我们逐一了解一下。


一、全新的 Photon 主题设计


Firefox 57.0 安装以后用户所感受到的最大变化就是全新的主题设计，这个主题被称为 Photom（光子）。相比原先 Australis 主题，新主题取消了弧形标签页，改成方形标签页，主题的可定制性也极大的增强了。重要的主题变化如下：


1、新的 Firefox Logo

Firefox 57.0 使用了新的 Logo 样式，更具现代感和流畅性。




2、标签页和工具栏

Firefox 57.0 取消了原主题的弧形标签页，采用了更受用户欢迎的方形标签页。在遇到大量打开的标签页的情况下，更节省空间。同时 Firefox 也减小了最小标签页的宽度，从原来 100 px 减小到 76 px，用户可以修改 about:config 的 browser.tabs.tabMinWidth 值自定义标签页宽度。工具栏图标也可以在定制界面自由移动，标签栏两侧添加可变空白，也可以取消。默认配置下搜索栏不显示，有需要的用户可以在定制界面中拖动出重新显示或在选项设置界面调出。



3、多套主题和新的菜单、按钮

Firefox 57.0 共有三套 Photon 主题，分别对应默认、明亮和深邃主题。每套主题又可以设置工具栏图标紧凑程度，分别是紧凑、普通和触控。



同时三道杠菜单也不再只显示可定制的图标了，而是具有完整菜单项的全新菜单。




Firefox 新主题菜单的另一个重要变化就是新增了页面菜单和折叠菜单。页面菜单是在打开页面后集成了部分功能，如复制链接、添加书签等快速功能。而折叠菜单则是可将暂时不需要在工具栏显示的图标按钮移动到折叠菜单，增加了界面的可定制性。

   

我的足迹（Library）按钮也发了重大变化，集成了书签、历史记录、下载项和受同步的标签页列表，可以在这个按钮的菜单中全部查看。




下载按钮也不再始终显示在工具栏，而是动态显示，即默认不显示，有下载发生的时候才显示。用户可以在 about:config 找到 browser.download.autohideButton，true  默认隐藏， false 则始终显示。
上图显示的按钮中还包括一个近期聚焦的菜单，可以显示近期用户访问的6条历史记录，不喜欢显示的用户可以在 about:config 找到 browser.library.activity-stream.enabled，设置为 false 即可隐藏。


4、全新的新标签页面

新标签页面（New Tab Page）也使用了全新的设计，称为 Activicy Stream（活动流）。用户可以在页面右上角齿轮菜单中定制是否显示搜索框、热门网站、集锦和只言片语。



Photon 主题还有其他很多变化，这里就不全部列举了，大家在使用过程中可以慢慢体验。



二、Quantum 量子组件大幅提升浏览器性能


使用 Firefox 57.0 的用户另一大感受就是浏览器快了很多，一方面是新主题更加流畅以外，也离不开 Quantum 量子组件的加入，Quantum 量子项目是将用 Rust 语言编写的 Servo 浏览器组件移植到 Firefox，充分利用硬件，支持并行计算，大幅提升了浏览器的性能并减少了浏览器的崩溃率。根据官方 SpeedMeter 2.0 基准测试数据，Firefox 57 的速度是 Firefox 52 的两倍。

  

相比 Chrome 浏览器，Firefox 57 也不遑多让。Chrome 浏览器善于利用 CPU 多核心，提升打开网站的处理效率，这得益于它的多进程。Firefox 也默认开启了多进程功能，默认 4 个进程，在同时打开多个网站的时间上也和 Chrome 处于同一水准。



但和 Chrome 提升性能的代价是大幅增加内存占用不同的是，Firefox 有效降低了内存占用。这得益于 Quantum 组件中的 Stylo CSS 组件。Stylo 支持了 Alexa 排名前 500 网站里面 Gecko 所支持的所有 CSS 属性并实现并行执行，所以对于大量 CSS 的网站或者是有很多动态加载的内容，例如 WebApp 之类的是会有明显性能提升的。Stylo 使用后，Firefox 的内存占用明显低于其他竞争厂商浏览器。对应的 about:config 参数是 layout.css.servo.enabled，设置为 true 即为开启。



Firefox 57 另一项性能提升举措是开启了自动滚动的异步平移缩放功能。
自动滚屏功能是 Firefox 内置的一项功能，中键点击页面，会出现一个锚标图标，这是鼠标向上移动页面可向上滚屏，鼠标向下移动页面可向下滚屏，适合文章阅读。而异步平移缩放（Async Panning and Zooming，简称 APZ）是 Firefox 一项提升浏览器流畅性、平滑度的功能，最早在 Firefox 41 时候引入用于提升浏览器编解码图片时候的性能和流畅性。
Firefox 57.0 将异步平移缩放特性用在了自动滚屏上，提升了在复杂页面下使用自动滚屏时候的流畅性和平滑度。具体来说就是原先自动滚屏是在内容子进程的主线程上运行的，在遇到复杂页面时候，在主线程执行有可能会阻塞主线程，造成页面滚动时候不够流畅。APZ 自动滚屏功能是将其从合成器中移出执行，从而提升流畅性。对应的 about:config 参数是：apz.autoscroll.enabled，true 即为开启。



三、极大改变的附加组件生态系统

Firefox 57.0 第三个重大变化就是抛弃旧式扩展，只支持新的 WebExtensions 扩展。旧式扩展（Legacy Extension）是指使用 XUL Overlay、Bootstrapped、Add-on SDK 写的扩展，维护不易且难以支持主流技术。Firefox 从 52 版本开启就部分支持新的 WebExtensions 扩展了，并在 Firefox 57 正式版只支持 WE 扩展，所有旧式扩展均被禁用。WE 的优势在于：
1、兼容性好，是在整体 WE 框架下开发的，便于维护，不容易因为浏览器版本更新而失效。
2、可跨平台，WE 扩展可轻易从 Chrome、Opera 等 Webkit 内核浏览器现有扩展中移植到 Firefox，只需少量的代码改动。
3、性能高，比起传统 XUL 老旧的代码，新编写的 WE API 性能更好，使用起来更顺畅。WE 扩展运行于独立的进程
4、安全性高，WE 扩展运行于独立的进程，提升了安全性和稳定性。

当然，凡是都有两面性，WE 扩展取消了很多旧式扩展的 API，导致部分迁移到 WE 的旧式扩展功能变少甚至完全无法使用。Firefox 也提供了一个查询目前在用旧式扩展并给出替代方案的界面，用户可以点击查找替代扩展来查看 AMO 是否有类似的 WE 扩展可用。



如果想继续使用旧式扩展，用户或许还可以通过 about:config 找到 extensions.legacy.enabled 改成 true 来重新使用。但随着 Mozilla 现在开始删除包括 Add-on SDK 在内的旧扩展的代码，越来越多的扩展将无法正常使用。至于旧式扩展的替代品，大家可以多关注论坛。

WE 的扩展最大缺点就是基本无法随意定制界面，所以像 Classic Theme Restorer 这样的界面定制类扩展就完全失效了。不过 Firefox 还是可以通过编辑配置文件夹下的 userChrome.css 文件来添加定制界面的 CSS 代码。大家可以关注 Classic Theme Restorer 作者提供了 CSS 代码集合来继续定制界面，具体可以关注 ghacks 的这篇文章：Customize Firefox 57 with CSS



四、新的权限系统

之前我们已经知道了 Firefox 已经取消了 about:permissions 专门的站点权限管理界面，针对单个站点的权限设置必须在页面右键菜单-查看页面信息-权限中查询。Firefox 57 现在在选项界面中单独新增了权限设置，可以对麦克风、摄像头、桌面通知、地理位置进行允许或阻止，所有打开页面弹出的权限提示用户都在地址栏左侧进行允许和禁止，随后可在此处进行管理。  
 

 
用户可以集中看到每个权限对象具体有哪些站点，每个站点可以分别设置允许或禁止。遗憾的是，目前还没有摄像头、麦克风等权限对象的全局开关。


五、移除的功能


Firefox 57.0 主要移除了 Add-on SDK 部分代码和整个 Social API。具体如下：
1、Add-on SDK（以前叫 JetPack） 是旧扩展重点推荐开发者使用的 SDK，可以快速开发出无需重启的扩展，AMO 这块扩展的比例还很大，但它有一个严重的问题就是，无法支持 e10s 下多内容进程，扩展随着内容进程数量增加会出现严重的性能问题。
Firefox 57.0 已删除 Add-on SDK 代码，马上就要 merge 到 Nightly trunk，要不了几天 Nightly 更新以后，即使大家用参数开启对旧扩展的显示，也会因为删除 SDK 导致此类扩展失效无法使用。
这次至少删除的绝大多数的 Add-on SDK 代码，还保留少部分，主要是 module loader 模块加载器和一部分开发工具仍在使用的功能模块。等这部分开发工具也实现代码迁移以后，SDK 代码将完全删除。

2、Social API 是 Firefox 17 引入的，可以在侧边栏加载常用社交服务，通过按钮分享到社交网站。但是这项功能几乎没有什么用户，又占用大量开发资源，在 Firefox 瘦身精简的计划当中就已经决定要移除 Social API， Firefox 51 里面已经部分删除了，包括侧边栏，聊天窗口等。现在 Firefox 57.0 里面 Firefox 移除完全删除了所有的 Social API。所有在定制界面里面也看不到 Social API 的分享工具栏按钮了。如想使用的用户可以选择安装 Share backported 扩展作为替代品。



六、其他一些细节调整
1、跟踪保护（Tracking Protection）不再只支持隐私浏览模式，可以在选项--隐私与安全--跟踪保护中设置为始终启用。

2、在标签页右键菜单添加创建标签页副本的菜单项，可以复制一份当前标签页并打开。

3、Firefox 可实现在新标签页中打开书签，取代默认原先会覆盖当前标签页的设置。对应的 about:config 参数是 browser.tabs.loadBookmarksInTabs，确认为 true 即在新标签页中打开书签。
4、添加阻止无障碍服务（Accessibility 工具）接入浏览器的隐私选项，这是因为 Mozilla 有发现大量的第三方 Windows 程序会通过无障碍服务，例如放大镜等等，来监视用户的活动，并有可能获取用户隐私。一旦开启这个选项，则会阻止无障碍服务接入 Firefox。

5、如果页面中有脚本运行时间较长导致页面无法载入或响应，Firefox 会弹出提示框，显示具体的扩展名称，用户可以选择临时禁用这个扩展，从而保证页面载入正常。


6、Firefox 57.0 的简易安装包（Stub Installer）提供清理配置的选项，Firefox 将恢复默认的设置，并删除旧的附加组件以保障新配置的稳定性，避免兼容性问题。但并不是这个选项都会出现，它必须满足一些条件：
（1）安装包检测已安装的旧版本比当前要安装的最新版本至少老上 2 个版本以上，则会出现。例如，当前下载版本是 57，而系统上版本是 54，则会出现。
（2）安装包检测到系统有配置文件，但没有 Firefox 安装目录，而这个配置文件又比要下载的版本至少老上 2 个版本，则出现。
7、Linux 版本的沙盒等级被设置为更高的等级，阻止对文件的读写，提升安全性。
8、支持 AMD VP9 视频硬件解码，降低在移动设备上的电池消耗。
9、在 Unix 系统中中键点击页面内容区域不再默认执行导航 URL 的操作。
10、Win 64 系统上的 Firefox 默认禁用旧版本的 ATOK 输入法。有使用此输入法的用户需尽快更新的最新版本输入法才可正常使用。
11、允许用户管理网站数据，位于选项--隐私与安全--网站数据，用户可以查看所有网站在本地的存储数据，并可移除选中数据或全部数据。
12、阻止网页可访问 resource:// 这样的 URI，保护用户隐私。
13、如果有扩展修改了用户的默认首页，则会在选项设置界面里面提示用户是哪个扩展修改的。





以上是 Firefox 57.0 在用户使用方面的主要更新，其他涉及到开发者的更新，这里就不介绍了，感兴趣的朋友请看发行说明：
Firefox 57.0 正式版发行说明（官网英文）

旧扩展还能用，不过也是明日黄花了。  
新扩展太弱了，希望别全学chrome，增强扩展功能。

alanfly：旧扩展还能用，不过也是明日黄花了。  
新扩展太弱了，希望别全学chrome，增强扩展功能。回到原帖

未来很可能加入隐藏标签页的 API，就会复活 Tab groups 扩展，还有 toolbar API 似乎也在内部讨论征求意见中，实现了的话 TMP 类扩展就会复活不少。

57终于来了，感谢楼主的介绍~~~~

火狐要翻身了

fang5566：未来很可能加入隐藏标签页的 API，就会复活 Tab groups 扩展，还有 toolbar API 似乎也在内部讨论征求意见中，实现了的话 TMP 类扩展就会复活不少。回到原帖

其实我想要的是增强快捷键扩展功能，现在的被限制的太死了。  
另外57地址栏下拉菜单怎么变得这么丑，两边一大片空白。

alanfly：其实我想要的是增强快捷键扩展功能，现在的被限制的太死了。  
另外57地址栏下拉菜单怎么变得这么丑，两边一大片空白。回到原帖

设计风格，上下行对齐。

yfdyh000：设计风格，上下行对齐。回到原帖

留空太多了。  

刚才找到了一段css可以调整左右的空白大小，放入userChrome.css里即可生效，数字与空白大小成正比。


@-moz-document url(chrome://browser/content/browser.xul) {
    /* Drop-down width */
    #PopupAutoCompleteRichResult { /* Nightly 58 */
      --item-padding-start: 50px !important;
    }
}

56看来要用很长时间了，70扩展数了两遍，确定只有5个是新式
56相比51也快了不少

tulip17：56看来要用很长时间了，70扩展数了两遍，确定只有5个是新式
56相比51也快了不少回到原帖

56和57相比，还是慢了不少，57的速度完全就是一个革新。我之前已经逐渐削减自己的扩展数了，不是很常用的扩展我已经全部都不用了，其实大部分扩展功能都很少使用到，但可能对性能有所影响。

如果想继续使用旧式扩展，用户或许还可以通过 about:config 找到 extensions.legacy.enabled 改成 true 来重新使用。
我试了下这个，只能是从扩展界面里看到所有的被禁用的旧式扩展，但没有启用菜单。怎么弄？是彻底移除还是57正式版仅仅去掉了启用键？

@fang5566 家里电脑Firefox56访问论坛时提示证书SSL错误，点高级也没有添加排除的，很奇怪。论坛证书有问题吗？我看本论坛好像也没启用ssl访问。

外观很像Edge

leave：如果想继续使用旧式扩展，用户或许还可以通过 about:config 找到 extensions.legacy.enabled 改成 true 来重新使用。

我试了下这个，只能是从扩展界面里看到所有的被禁用的旧式扩展，但没有启用菜单。怎么弄...回到原帖

不行就重新安装旧式扩展，我这里设置为 true 以后，到 AMO 安装旧式扩展是可以正常显示出来的，至于使用上旧式扩展可能很多都无法使用了。


论坛之前被封禁，因为一些原因，目前只能用 HTTP 访问，而电脑缓存的都是 HTTPS 证书。所以需要清理 FF 缓存的证书信息。具体看这里：https://www.firefox.net.cn/read-54693

手动点赞

alanfly：留空太多了。  

刚才找到了一段css可以调整左右的空白大小，放入userChrome.css里即可生效，数字与空白大小成正比。


@-moz-document url(chrome://browser/content/br...回到原帖

那个空白   直接移除掉就行了