Firefox 151:新标签页换新装,为小部件与快捷方式铺路

2026-05-20 14 预计阅读时间:1 分钟
来源:oschina.net AI 摘要 原文链接

免责声明:本文为 AI 摘要整理,建议结合原文阅读。摘要可能省略上下文、版本差异或边界条件,不作为官方说明。

预计阅读时间:7 分钟

Firefox 151 带来了近几年最显眼的一次界面改动——新标签页(New Tab Page)彻底重做了布局和视觉风格。这不是简单的换皮,而是为后续版本的小部件系统和快捷方式增强搭好了舞台。

新标签页:从信息流到控制台

旧版新标签页的核心是"推荐内容流",顶部一排常用站点,下方是 Pocket 推荐文章。151 版把这个逻辑翻转了:页面重心从"被动阅读"转向"主动操作"。新布局把常用站点、快捷方式、后续的小部件统一收纳到一个更紧凑、更有层次的结构里。

右下角新增了一个铅笔图标,点击即可进入自定义模式——调整站点位置、切换壁纸、开关推荐内容,操作路径比旧版短了不少。

壁纸系统上线

151 版自带一批新壁纸,风格从抽象几何到自然风景都有。壁纸不是纯装饰——它直接影响了新标签页的视觉层次。浅色壁纸下站点图标自动切换为深色文字,深色壁纸则反之,Firefox 会根据壁纸主色调动态调整前景对比度。

如果你不想用内置壁纸,也可以用本地图片,但需要通过配置项开启,后面会给出具体方法。

为 151–152 版本的小部件做准备

新布局最值得注意的不是现在的样子,而是它预留的空间。官方明确提到,小部件(widgets)和快捷方式改进将在 151 和 152 之间陆续上线。当前的新标签页结构已经为这些组件留出了卡位区域——你可以理解为,现在看到的是一个"骨架",后续版本会往里填功能。

这意味着如果你现在习惯用扩展去定制新标签页,后续可能需要重新评估——原生小部件系统可能会覆盖一部分扩展的功能场景。

实战:定制你的新标签页

下面给出几个可以直接复制使用的定制方法。

1. 用本地图片做壁纸

Firefox 默认只提供内置壁纸选择,想用本地图片需要改配置:

# 在 Firefox 地址栏输入
about:config

# 搜索并修改以下项
browser.newtabpage.wallpaper.enabled           true
browser.newtabpage.wallpaper.local-image.path  /home/user/Pictures/my-wallpaper.jpg

# 如果上述路径项不存在,手动新建一个字符串(String)类型的键即可
# Windows 用户路径示例:C:\\Users\\YourName\\Pictures\\my-wallpaper.jpg
# macOS 用户路径示例:/Users/YourName/Pictures/my-wallpaper.jpg

修改后刷新新标签页即可生效。注意:路径中的反斜杠在 Windows 上需要双写转义。

2. 用 userChrome.css 微调新标签页布局

如果你对默认间距或字号不满意,可以通过 userChrome.css 精细调整:

/* userChrome.css — 放在 profile/chrome/ 目录下 */
/* 需先在 about:config 中设置 toolkit.legacyUserProfileCustomizations.stylesheets = true */

/* 缩小新标签页站点网格间距 */
@-moz-document url("about:newtab") {
  .top-sites-list .top-site-outer {
    padding: 4px !important;       /* 默认约 8px,收紧后更紧凑 */
  }

  /* 让站点图标稍大一点 */
  .top-site-icon {
    width: 40px !important;
    height: 40px !important;
  }

  /* 隐藏 Pocket 推荐流(如果你不需要) */
  .collapsible-section[data-section-id="topstories"] {
    display: none !important;
  }
}

启用步骤:

# 1. about:config → toolkit.legacyUserProfileCustomizations.stylesheets → true
# 2. 找到你的 profile 目录
#    about:support → "Profile Folder" 行,点击"Open Folder"
# 3. 在 profile 目录下创建 chrome/ 文件夹(如已存在则跳过)
# 4. 将上面的 CSS 保存为 chrome/userChrome.css
# 5. 重启 Firefox

3. 快速关闭新标签页推荐内容

如果你只想得到一个干净的新标签页,不关心推荐文章:

about:config

# 逐项设置为 false
browser.newtabpage.activity-stream.feeds.section.topstories   false
browser.newtabpage.activity-stream.feeds.section.highlights   false
browser.newtabpage.activity-stream.showTopSites                false  # 连常用站点也隐藏

# 只保留壁纸和搜索框——最精简的新标签页

升级建议与注意事项

  • 升级时机:151 是界面过渡版本,如果你依赖新标签页扩展(如 New Tab Override),升级后先检查扩展是否与新布局冲突。
  • 壁纸本地图片:目前 local-image.path 配置项属于实验性质,后续版本可能被小部件系统的壁纸设置替代,不要把它当作长期方案。
  • 企业部署:如果你用 policies.json 管理 Firefox,151 的新标签页布局可能需要更新锁定策略——旧的 NewTabPage 相关策略键名可能有变动,建议在测试环境验证后再推送。
  • userChrome.css 风险:CSS hack 在后续版本随时可能失效,尤其是 152 版引入小部件后,DOM 结构大概率会变。把它当作临时方案,不要过度投入。

151 的新标签页是一次明确的转向——从内容分发回到工具属性。如果你一直觉得 Firefox 新标签页"太吵",这版是个重新配置的好时机。


相关推荐