Firefox 资源中心

主题库

访问超过 5,000 个专业设计的主题，从简约风格到复杂艺术作品，应有尽有。

热门主题类别：

• 深色主题 - 保护眼睛，减少夜间疲劳
• 动漫与游戏 - 流行文化和游戏角色主题
• 自然风景 - 美丽的自然和城市景观
• 抽象艺术 - 现代和抽象艺术设计
• 季节性主题 - 节日和季节特别主题

自定义 CSS

通过用户样式表完全控制 Firefox 的外观，创建独特的个性化界面。

/* 自定义 Firefox 深色主题示例 */
#main-window {
  --toolbar-bgcolor: #1a1a2e !important;
  --toolbar-color: #f0f0f0 !important;
  --tabs-border-color: #ff9400 !important;
}

.tab-background {
  background: linear-gradient(to bottom, 
    #1a1a2e, 
    #16213e) !important;
  border-radius: 8px 8px 0 0 !important;
}

.urlbar-input-box {
  background: #0f3460 !important;
  border-color: #ff9400 !important;
}

主题创建工具

使用 Firefox 主题创建工具轻松设计和发布自己的主题，无需编程知识。

主题创建步骤：

1. 选择基础颜色和图片
2. 预览主题在不同界面元素上的效果
3. 调整细节和透明度设置
4. 测试主题在不同系统上的兼容性
5. 提交到 Firefox 附加组件商店

Firefox 开发者工具

内置完整的 Web 开发工具套件，包括页面检查器、JavaScript 调试器、网络监视器等。

主要工具：

• 页面检查器 - 查看和编辑 HTML/CSS
• JavaScript 调试器 - 断点、调用堆栈、监视表达式
• 网络监视器 - 分析请求性能和时间线
• 存储检查器 - 查看和管理 Cookie、本地存储
• 响应式设计模式 - 测试不同屏幕尺寸
• 性能分析器 - 识别 JavaScript 性能瓶颈
• 无障碍检查器 - 确保网站对所有人可用

MDN Web 文档

Mozilla 开发者网络（MDN）是 Web 开发者的权威资源，提供 HTML、CSS、JavaScript 和 Web API 的详细文档。

MDN 主要内容：

• Web 技术教程 - 从入门到精通的完整学习路径
• API 参考 - 详细的 JavaScript 和 Web API 文档
• 浏览器兼容性数据 - 跨浏览器兼容性表格
• 代码示例 - 数千个实际可运行的代码示例
• 交互式示例 - 直接在浏览器中尝试代码

// MDN 上的 JavaScript 示例
const fetchData = async (url) => {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
};

WebExtensions API

使用 WebExtensions API 为 Firefox 创建跨浏览器兼容的扩展，支持 Chrome、Edge 和 Firefox。

核心 API 模块：

• browser.tabs - 管理标签页和窗口
• browser.storage - 本地和同步存储
• browser.webRequest - 拦截和修改网络请求
• browser.contextMenus - 添加上下文菜单项
• browser.notifications - 显示系统通知
• browser.runtime - 扩展运行时功能

// 简单的 WebExtension 示例 - 标签页管理器
browser.browserAction.onClicked.addListener(() => {
  browser.tabs.query({})
    .then((tabs) => {
      console.log(`打开的标签页数量: ${tabs.length}`);
      return browser.tabs.create({
        url: "https://developer.mozilla.org"
      });
    })
    .then((newTab) => {
      console.log(`新标签页已创建: ${newTab.id}`);
    });
});

Firefox 大师课程

完整的 Firefox 使用教程，涵盖从基础操作到高级功能的各个方面。

课程模块：

• 入门指南 - 安装、设置和基本操作
• 隐私保护 - 配置隐私和安全设置
• 高级功能 - 容器、同步、开发者工具
• 故障排除 - 解决常见问题和性能优化
• 企业部署 - 企业环境中的 Firefox 配置

Firefox 技术文档

深入的技术文档，涵盖 Firefox 架构、安全模型、性能优化和扩展开发。

技术文档分类：

• 架构文档 - Gecko 引擎、Quantum 项目、多进程架构
• 安全文档 - 安全模型、漏洞处理、加密实现
• 性能文档 - 性能分析工具、优化指南、基准测试
• 标准兼容性 - Web 标准实现、测试套件、兼容性数据
• 源码文档 - 代码结构、构建系统、贡献指南

从其他浏览器迁移

从 Chrome、Edge、Safari 等浏览器平滑迁移到 Firefox 的完整指南。

迁移工具：

• 数据导入向导 - 一键导入书签、历史记录、密码
• 扩展兼容性 - 查找 Firefox 替代扩展
• 设置迁移 - 复制浏览器配置和首选项
• 工作流适配 - 适应 Firefox 的工作方式和快捷键