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

Question

我正在尝试将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

在同一个线程中检查jdc 的答案。

编辑：这个答案已经很旧了，不再反映当前的做法。谢谢你的提醒。