Загрузите JQuery в расширение Chrome?

Я пытаюсь загрузить JQuery в расширение Chrome и сделать его равным объекту, но мне интересно, как я могу это сделать? в основном мне хотелось бы что-то вроде...

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

Как мне это сделать?

edit: я вставляю содержимое script.

Ответ 1

Вы можете просто поместить jquery.js в папку расширения и включить его в манифест:

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

Вам не нужно беспокоиться о конфликтах с jQuery на родительской странице, так как сценарии содержимого изолированы песочницей.

Ответ 2

Вы можете сделать это из script в вашей 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. (Документ).

Ответ 3

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

Ответ 4

Отметьте ответ jdc здесь в этом же потоке.

Изменить: этот ответ был довольно старым и больше не отражает текущую практику. Спасибо, что подняли головы.