Question

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

所以基本上我需要JQuery以及我自己的自定义javascript文件（customfile.js），只要用户点击我的扩展图标就可以同时执行。自定义文件将使用JQuery文件中的JQuery函数来调用ajax api。

这是我的manifest.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://*/*"]
  }]
}

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

另外，我读过关于程序化注射的内容。我的代码是否正确，只有在需要时它才会运行这两个文件？我将这些代码放在哪里，我的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

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

要响应图标点击，请将此侦听器添加到您的一个后台脚本中：

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

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

谷歌浏览器扩展程序包括Jquery和另一个自定义JavaScript文件

1 个答案: