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

Question

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

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

这是我的清单.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"。哪个是正确的，还是我两者都需要？

另外，我读过关于程序化注入的信息。我的代码是否正确，它只会在需要时运行两个文件？我把这段代码放到哪里，我的自定义文件.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(){
....
});

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