jquery - 调用 Chrome 扩展注入元素的函数

Question

我一直在尝试调用我使用content_scripts. 这是我的manifest.json

{
  "manifest_version": 2,
  "name": "Test2",
  "description": "my test exention",
  "version": "1.0",
  "author": "xyz",
  "background": {
    "scripts": [
      "background.js"
    ]
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "jquery-3.3.1.min.js",
        "inject.js"
      ]
    }
  ],
  "browser_action": {
    "default_popup": "main.html",
    "default_title": "My custom google Extension"
  },
  "permissions": [
    "activeTab",
    "storage",
    "tabs",
    "webNavigation"
  ]
} 

这是我的inject.js

window.addEventListener("load", myMain, false);

function myMain(evt) {
    $('body').append('<div> <button id="download-btn">hello</button> </div>');  
}

其他文件 ( background.js, main.html) 为空。我可以使用此代码在任何网页中添加一个按钮，但我想console.log通过单击该按钮来执行一个功能（例如一个简单的）。我怎样才能做到这一点？

标签： jquerygoogle-chrome-extension