javascript - Google Chrome 扩展包括 Jquery 和另一个自定义 javascript 文件

Question

我是 Chrome 扩展程序的新手。所以我不知道从哪里开始。尝试寻找答案，但他们没有回答我的问题。

所以基本上我需要 JQuery 和我自己的自定义 javascript 文件(customfile.js)，以便在用户单击我的扩展图标时同时执行。自定义文件将使用 JQuery 文件中的 JQuery 函数来调用 ajax api。

这是我的 list .json。

{
  "manifest_version": 2,

 "name": "Example",
  "description": "Example",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "Click here!"
  },
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": ["jquery-3.2.1.min.js","customfile.js"],
    "persistent": false
  },
     "content_scripts": [ {
    "js": [ "jquery-3.2.1.min.js", "customfile.js" ],
    "matches": [ "http://*/*", "https://*/*"]
  }]
}

出于某种原因，一些开发人员遗漏了“背景”，有些开发人员遗漏了“content_scripts”。哪一个是正确的，还是我两者都需要？

此外，我还阅读了有关编程注入(inject)的内容。我的代码是否正确，仅在需要时才运行这两个文件？我应该将此代码放入哪里，我的 customfile.js 或 jquery.js？

chrome.tabs.executeScript(null, { file: "jquery-3.2.1.min.js" }, function() {
chrome.tabs.executeScript(null, { file: "customfile.js" });
});

Answer 1

如果要在网页中注入(inject)代码，则需要设置 content_scripts 属性或使用 chrome.tabs.executeScript。看来您不是在寻找那个，您只需要一个后台脚本。

要响应图标点击，请将此监听器添加到您的后台脚本之一:

chrome.browserAction.onClicked.addListener(function(){
      ....
});

HERE您可以找到 list 的文档。它解释了 list 文件中每个属性的作用。