浏览器扩展Manifest V2中options页面配置项应放置在什么位置？

Manifest V2的options页面相关配置直接放在manifest.json的根层级即可，共两种常用配置方式，根据你需要的打开形式选择即可：

1. 弹窗式options（推荐） #

点击扩展右键菜单的「选项」时，会在当前页面弹出小窗口加载配置页，无需跳转新标签。使用options_ui字段配置：

{
  "manifest_version": 2,
  "name": "你的扩展名称",
  "version": "1.0.0",
  // 其他基础配置比如permissions、content_scripts之类的照常写
  "options_ui": {
    "page": "options.html", // 这里替换成你自己的options页面实际路径
    "chrome_style": true, // 可选，开启后会自动套用浏览器原生样式，和系统设置风格统一
    "open_in_tab": false // 设为false就是弹窗形式，是这个字段的默认值
  }
}

2. 新标签页打开options #

点击选项后直接新开独立标签页加载配置页，适合配置项多、需要大展示空间的场景。使用options_page字段配置：

{
  "manifest_version": 2,
  "name": "你的扩展名称",
  "version": "1.0.0",
  // 其他基础配置照常写
  "options_page": "options.html" // 替换成你自己的options页面实际路径
}

注意事项 #

• 如果同时配置了options_ui和options_page字段，浏览器会优先读取options_ui的配置生效
• 配置的页面路径必须和扩展目录下的实际文件路径完全匹配，注意大小写、目录层级不要写错
• options页面本身的JS逻辑和普通前端页面一致，你可以直接调用扩展的所有API读写存储、和其他脚本通信

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