Расширения Google Chrome: как включить jQuery в программно вложенный контент script?

Ответ 1

Как насчет:

chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
    chrome.tabs.executeScript(null, { file: "content.js" });
});

Вы можете скачать "jquery.js" здесь: http://jquery.com/download/

Ответ 2

Как добавить это в файл манифеста

"content_scripts": [
    {
        "js": [
                "jquery.js", 
                "contentscript.js"
            ]
    }
],

Ответ 3

UPDATE:

Выполните второй script после того, как первый будет более точным с точки зрения script order, result будет массивом результатов выполнения script в списке вкладок.

chrome.tabs.executeScript(null, {file:'js/jquery-2.1.1.min.js'}, function(result){
    chrome.tabs.executeScript(null, {file:'js/myscript.js'});
});

OLD:

Ввод JQuery, за которым следует ваш script, даст возможность доступа к JQuery в вашем script.

chrome.tabs.executeScript(null, {file:'js/jquery-2.1.1.min.js'});
chrome.tabs.executeScript(null, {file:'js/myscript.js'});

У вас больше контроля над тем, как следует вводить script, как описано в здесь. Специально allFrames свойство важно, если вы хотите вставить script ко всем кадрам документа. Игнорирование будет только введено в верхний кадр. Поскольку он не упоминается в других ответах, это поможет вам. Скрипты можно вводить всегда, добавляя их в манифест, как описано здесь.

Ответ 4

Поскольку у меня много скриптов со многими зависимостями, я использую функцию concatenateInjection, которая принимает три параметра:

//id: the tab id to pass to executeScript
//ar: an array containing scripts to load ( index order corresponds to execution order)
//scrpt (opzional): the last script to execute (if not provided, than the last script is the last insert in previous array)

function concatenateInjections(id, ar, scrpt){
  var i = ar.length;
  var idx = 0;

  function inject(idx){
    idx++;
    if(idx <= i){
      var f = ar[idx-1];
      chrome.tabs.executeScript(id, { file: f }, function() {
          inject(idx);
      });
    }else{
      if(typeof scrpt === 'undefined') return;
      chrome.tabs.executeScript(id, { file: scrpt });
    }
  }
  inject(idx);
}

и пример использования:

// id is tab id

// sources: first execute jquery, than default.js and anime.js in the end
var def = [
  "lib/jquery-1.11.3.min.js", 
  "lib/default.js", 
  "injection/anime.js"
];

// run concatenate injections
concatenateInjections(id, def);

Думайте, что это может быть полезно.

UPDATE

Версия с concat и закрытием (более эстетичная):

function concatenateInjections(id, ar, scrpt){

  if( typeof scrpt !== 'undefined' ) ar = ar.concat([scrpt]);

  var i = ar.length;
  var idx = 0 ;

  (function (){
    var that = arguments.callee;
    idx++;
    if(idx <= i){
      var f = ar[idx-1];
      chrome.tabs.executeScript(id, { file: f }, function(){ that(idx);} );
    }
  })();

}

Ответ 5

В любое время, когда вы хотите динамически вставлять jQuery, я рекомендую этот script

У меня лично есть пользовательский поиск Chrome $, который заменяет $ на

javascript:
var jq = document.createElement('script');
jq.onload = function(){};
jq.src = "https://code.jquery.com/jquery-2.1.1.min.js";
document.querySelector('head').appendChild(jq);

javascript: - это просто способ запустить javascript из строки url

Я использую это на моей странице about:blank, когда я пытаюсь быстро осмелиться над ситуацией css