javascript - 将 Jquery 包含在 Chrome 扩展的内容脚本中

Question

我收到的错误消息是“$ 未定义”

我的 list 文件的一部分:

     "content_scripts": [
     {
       "matches": ["http://www.google.com/calendar/render*",                                          
       "https://www.google.com/calendar/render/*"],
       "js": ["jquery.min.js", "jquery-ui.js", "script.js"],
       "css": ["jquery.datepick.css", "jquery-ui.css"],
       "run_at": "document_start"
     }],
     "background": {"scripts": ["background.js"]},
     "web_accessible_resources": ["jquery.min.js", "script.js", "jquery-ui.js",  "jquery.datepick.css", "jquery-ui.css"]

在我的background.js 文件中，我尝试执行所需的脚本:

chrome.tabs.executeScript(tabId, {file: "jquery.min.js"}, function(){
chrome.tabs.executeScript(tabId, {file: "jquery-ui.js"}, function() {
    chrome.tabs.executeScript(tabId, { file: 'script.js' });
});
});

不过，在 script.js 中我无法使用任何 Jquery 函数(错误:$ 未定义)。

谁能解释一下为什么失败，或者应该如何完成？

提前致谢。

Answer 1

你的manifest.json和background.js看起来不错。如果您的扩展文件夹/包的根目录中有 jquery 文件，我只能想到两件事:

1. 您正在 script.js 中的某处取消设置 $ 符号

2. 进行更改后，您不会重新加载扩展程序:

   转到 chrome://extensions/，找到您的扩展程序，按“重新加载”(并确保其已启用)。

   如果您不使用“加载已解压的扩展程序”功能，则应在进行更改后完全重新安装扩展程序。

要确保 jQuery 文件已加载，请打开 jquery.min.js 并将 console.log('jQuery file returned') 添加到 jquery.min.js.如果您没有看到控制台消息，则可能 jquery.min.js 已损坏(尝试再次下载)。