You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何基于Manifest V3开发独立标签页式浏览器扩展?

开发自用浏览器扩展(Manifest V3)

需求

  • 开发一款自用浏览器扩展(权限不受限制),具体要求如下:
    • 在独立、唯一(无重复)的标签页中打开操作控件
    • 用户选择选项后点击GO按钮启动流程
    • 扩展通过window.fetch(url)抓取指定单一域名下的URL
    • 解析URL内容后,在同一标签页的控件旁展示结果/统计数据
    • 抓取与解析过程在后台持续运行,直到标签页关闭或用户点击停止按钮
    • 无需展示URL原始内容,仅通过自定义HTML表格呈现汇总信息

现状

我已经通过Mozilla的基础示例实现了popup版本的控件,但找不到符合上述需求(尤其是标签页相关功能)的入门示例。uBlock Origin的设置页实现了类似功能,但它基于Manifest V2。以下是我当前用于popup版本的Manifest V3配置文件manifest.json:

{
  "manifest_version": 3,
  "name": "bingo",
  "version": "1.0",
  "browser_specific_settings": {
    "gecko": {
      "id": "bingo@mozilla.org",
      "data_collection_permissions": {
        "required": ["none"]
      }
    }
  },
  "permissions": [
    "activeTab",
    "scripting",
    "tabs",
    "identity", "cookies", "storage",
    "contextMenus"
  ],
  "host_permissions": [
    "*://www.example.com/*"
  ],
  "description": "bingo",
  "icons": {
    "48": "icons/bingo-48.png"
  },
  "options_ui" : {
    "page": "popup/popup.html",
    "open_in_tab":true
  },
  "action": {
    "default_popup": "popup/popup.html",
    "default_icon": {
      "48": "icons/bingo-48.png"
    }
  }
}

内容的提问来源于stack exchange,提问作者bliako

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.01 20:02:30