可通过五种方式在火狐新标签页固定自定义网站磁贴:一、界面+号添加;二、拖拽标签固定;三、about:config手动配置json并禁用自动填充;四、new tab override扩展自定义图标;五、usercontent.css强制替换dom图标。

如果您希望在火狐浏览器新标签页中显示您指定的网站作为热门快捷导航磁贴,而非默认推荐的站点或空白区域,则可通过多种方式实现精准配置与图标固定。以下是解决此问题的步骤:
一、通过新标签页界面直接添加并固定磁贴
此方法利用火狐内置的图形化操作逻辑,无需修改配置或安装扩展,适用于快速添加单个常用网站并确保其图标稳定显示。
1、打开火狐浏览器,按 Ctrl+T 新建一个标签页,进入默认新标签页界面。
2、向下滚动至“快捷方式”区域,点击右下角的+号按钮。
3、在弹出的输入框中粘贴目标网站的完整URL(例如 https://mail.google.com)。
4、按回车键确认,系统将自动生成带 favicon 和标题的磁贴。
5、鼠标悬停于该磁贴上,点击出现的铅笔图标,可编辑名称并强制刷新图标(若图标未加载,勾选“重新加载图标”选项)。
二、拖拽已打开网页标签至快捷区并锁定位置
该方式通过可视化拖放机制将活跃标签即时转为固定磁贴,且支持手动调整顺序,确保图标与标题同步固化。
1、在任意标签页中打开目标网站(如 https://github.com)。
2、按住该标签页边缘不放,将其向右拖动至新标签页“快捷方式”区域的空白处。
3、松开鼠标后,磁贴自动添加至列表末尾;此时立即右键点击该磁贴,选择“固定到顶部”(部分版本显示为“置顶”)以防止被后续操作覆盖。
4、若图标未显示,按 Ctrl+R 刷新新标签页,触发 favicon 重载。
三、通过 about:config 手动写入 default.sites 并禁用自动覆盖
此方法绕过前端逻辑,直接控制底层 JSON 数组,确保自定义磁贴完全替代推荐内容,并防止浏览器后台服务重写配置。
1、在地址栏输入 about:config 并回车,点击“接受风险并继续”。
2、在搜索栏中输入 browser.newtabpage.activity-stream.default.sites,双击该项进入编辑。
3、输入符合规范的 JSON 数组字符串,例如:
[{"url":"https://docs.rs","title":"Docs.rs"},{"url":"https://chat.mozilla.org","title":"Mozilla Chat"}]。
4、再搜索 browser.newtabpage.activity-stream.feeds.topsites,双击将其值设为 false,彻底禁用系统自动填充热门站点功能。
5、关闭所有火狐窗口后重新启动,新标签页仅显示您定义的磁贴,且图标由浏览器根据 URL 自动抓取并缓存。
四、使用 New Tab Override 扩展实现图标路径自定义
该扩展允许用户指定本地图标文件或远程 favicon URL,突破原生磁贴图标仅依赖网页 的限制,实现真正意义上的图标固定。
1、访问 https://addons.mozilla.org/zh-CN/firefox/addon/new-tab-override/ 并点击“添加到 Firefox”。
2、安装完成后,在地址栏输入 about:newtab 进入扩展设置页。
3、在“Custom URLs”区域点击“Add URL”,填入目标网址(如 https://notion.so)。
4、在对应条目右侧点击“Edit Icon”,粘贴自定义图标 URL(如 https://example.com/custom-notion-icon.png)或上传本地文件。
5、保存设置后,新建标签页即显示您指定的图标,且不受网页自身 favicon 变更影响。
五、通过 userContent.css 强制替换磁贴图标 DOM 节点
当其他方法无法控制特定磁贴图标的渲染行为时,可利用用户样式表直接注入 CSS 规则,强制替换背景图像,实现像素级图标固定。
1、在火狐地址栏输入 about:support,点击“配置文件夹”旁的“打开文件夹”按钮。
2、进入配置文件目录后,创建子文件夹 chrome(若不存在),并在其中新建文本文件 userContent.css。
3、在该文件中写入如下规则(以 GitHub 磁贴为例):
@-moz-document url-prefix("about:home"), url-prefix("about:newtab") {
.top-site-outer[data-url="https://github.com"] .tile-icon {
background-image: url("https://github.githubassets.com/favicons/favicon.svg") !important;
}
}
4、保存文件,然后在地址栏输入 about:config,搜索 toolkit.legacyUserProfileCustomizations.stylesheets,双击设为 true。
5、重启火狐浏览器,GitHub 磁贴将始终显示指定 SVG 图标,即使原始页面 favicon 更改也不会更新。











