将JQuery加载到Chrome扩展程序中？

我正在尝试将JQuery加载到我的Chrome扩展程序中并使其等于一个对象，但我想知道我将如何处理这个问题？ 基本上我喜欢像…

jQuery = loadLibraries("jquery-1.4.2.min.js"); 

我该怎么办？

编辑：我正在注入内容脚本。

Answer 1

您可以将jquery.js放入扩展文件夹并将其包含在清单中：

 { "name": "My extension", ... "content_scripts": [ { "matches": ["http://www.google.com/*"], "css": ["mystyles.css"], "js": ["jquery.js", "myscript.js"] } ], ... } 

您不必担心父页面上与jQuery的冲突，因为内容脚本是沙箱。

Answer 2

您可以从background_page HTML中的脚本执行此操作：

 chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript(null, { file: "jquery.min.js" }, function() { chrome.tabs.executeScript(null, { file: "content_script.js" }); }); }); 

然后在content_script.js做任何你喜欢的事情：

  $('#header').hide(); 

请注意，即使您注入的页面已加载了jQuery，您仍然会访问自己的jQuery对象实例，该对象通过DOM访问该页面。 （文献）。

Answer 3

 "content_scripts": [ { "matches": ["http://*/*"], "js": ["jquery.min.js"] } ] 

Answer 4

在同一个post中通过jdc检查答案 。

编辑：这个答案很旧，并没有反映当前的做法。 谢谢你的提醒。