小编Aru*_*mas的帖子

Chrome 扩展程序使用扩展程序弹出窗口中的按钮更改 DOM

我对 chrome 扩展开发完全陌生。单击扩展弹出窗口中的按钮时,我试图更改 DOM(将数据附加到活动网页)。这怎么可能。

清单文件

{
  "manifest_version": 2,

  "name": "test 2",
  "description": "test ext 2",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*","https://*/*"],
      "js": ["jquery.min.js", "main.js"]
    }
  ],
  "permissions": [
   "activeTab"
   ]
}
Run Code Online (Sandbox Code Playgroud)

假设 popup.html 文件是

<!doctype html>
<html>
  <head>
    <title>test extension 2</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <a id="button">button</a>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

当我点击#button 时,我想在 main.js 文件中执行一些 jquery 代码,它将一些数据附加到活动网页。

谢谢你。

html javascript jquery dom google-chrome-extension

3
推荐指数
1
解决办法
4281
查看次数

标签 统计

dom ×1

google-chrome-extension ×1

html ×1

javascript ×1

jquery ×1