Firefox 扩展教程

在这个教程中，我们将带你一步步了解如何创建和发布一个 Firefox 扩展。无论是初学者还是有一定基础的开发者，都可以通过这个教程掌握必要的技能。

快速入门

了解 Firefox 扩展的基本结构
- 扩展的主要文件包括 manifest.json、background.js 和 popup.html。
- manifest.json 定义了扩展的元数据和权限。
- background.js 是扩展的后台脚本，负责处理扩展的生命周期事件。
- popup.html 是扩展的弹出窗口界面。

创建第一个扩展

打开文本编辑器，创建一个名为 manifest.json 的文件，并添加以下内容：

{
  "manifest_version": 2,
  "name": "我的第一个扩展",
  "version": "1.0",
  "description": "这是一个简单的 Firefox 扩展示例。",
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": "icon.png"
  }
}

创建 background.js 文件，并添加以下代码：
```
console.log("扩展已加载");
```

创建 popup.html 文件，并添加以下内容：

<!DOCTYPE html>
<html>
<head>
  <title>扩展弹出窗口</title>
</head>
<body>
  <h1>欢迎来到我的扩展</h1>
</body>
</html>

创建一个名为 icon.png 的图标文件，并将其放在同一目录下。

加载扩展
- 打开 Firefox 浏览器，访问 about:debugging。
- 点击 “Load Temporary Add-on”。
- 选择你创建的扩展文件夹，然后点击 “Load Now”。

下一步

现在你已经创建并加载了你的第一个 Firefox 扩展，接下来你可以：