Firefox 57下Add-on SDK插件转WebExtension技术求助

嘿，我来帮你搞定Firefox 57的WebExtension移植问题！

首先，你现有的Add-on SDK风格的package.json需要调整为WebExtension规范的格式，我先给你适配好的版本：

{
  "name": "myPlugin",
  "title": "Grafic",
  "id": "myID",
  "description": "myDescription",
  "author": "",
  "license": "MPL 2.0",
  "version": "1.0.1",
  "manifest_version": 2,
  "background": {
    "scripts": ["background.js"]
  }
}

关键调整说明： #

• 移除了Add-on SDK特有的main字段，WebExtension需要通过manifest_version声明规范版本（Firefox 57完全支持v2，后续也可考虑升级到v3）
• 添加background字段：原来SDK中lib/main.js的后台逻辑，需要迁移到WebExtension的background.js文件中

关于main.js的迁移通用要点 #

由于你没提供main.js的具体代码，我给你几个核心转换方向：

• 替换SDK的require()：WebExtension不需要require语法，直接使用浏览器原生的browser API（比如browser.tabs、browser.storage等）
• 后台逻辑适配：SDK的main.js是插件启动入口，对应WebExtension的background.js，要注意生命周期差异——WebExtension后台脚本是事件驱动的，比如用browser.runtime.onInstalled.addListener()替代SDK的启动初始化逻辑
• UI组件迁移：如果原插件有面板、侧边栏，SDK的panel/sidebar要换成WebExtension的browser.browserAction（工具栏按钮+弹窗）或browser.sidebarAction
• 权限声明：WebExtension必须在manifest（也就是修改后的package.json）里明确声明所需权限，比如需要操作标签页就加"permissions": ["tabs"]

测试与调试技巧 #

在Firefox 57里调试WebExtension很方便：

1. 打开about:debugging页面
2. 切换到「此Firefox」标签
3. 点击「临时加载附加组件」，选择你修改后的package.json文件

如果遇到具体的API转换或逻辑适配问题，把main.js的代码片段贴出来，我再帮你针对性调整！

内容的提问来源于stack exchange，提问作者BR75