Я вставляю свой скрипт контента с фоновой страницы, когда пользователь нажимает кнопку действие браузера, например так:
chrome.browserAction.onClicked.addListener(function (tab) {
chrome.tabs.executeScript(null, { file: "content.js" });
});
Итак, как я могу получить доступ к jQuery изнутри моего content.js? Я не вижу способа ввести это одновременно.
Что о:
chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
chrome.tabs.executeScript(null, { file: "content.js" });
});
Вы можете скачать "jquery.js" отсюда: http://jquery.com/download/
$ еще не определен.
- person C4d; 28.02.2018
Как насчет добавления этого в файл манифеста
"content_scripts": [
{
"js": [
"jquery.js",
"contentscript.js"
]
}
],
ОБНОВИТЬ:
Выполнять второй скрипт после первого было бы точнее с точки зрения порядка выполнения скриптов, result - это массив результатов выполнения скрипта в списке вкладок.
chrome.tabs.executeScript(null, {file:'js/jquery-2.1.1.min.js'}, function(result){
chrome.tabs.executeScript(null, {file:'js/myscript.js'});
});
СТАРЫЙ:
Внедрение Jquery, за которым следует ваш скрипт, даст возможность доступа к Jquery в вашем скрипте.
chrome.tabs.executeScript(null, {file:'js/jquery-2.1.1.min.js'});
chrome.tabs.executeScript(null, {file:'js/myscript.js'});
У вас больше контроля над тем, как следует вводить скрипт, как описано здесь. Свойство allFrames особенно важно, если вы хотите внедрить скрипт во все кадры в документе. Игнорирование этого будет введено только в верхний кадр. Поскольку это не упоминается в других ответах, думаю, это поможет вам. Скрипты всегда можно внедрить, добавив их в манифест, как описано здесь.
Поскольку у меня много скриптов со многими зависимостями, я использую функцию 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);
Думаю, это может быть полезно.
Версия с 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);} );
}
})();
}
ar.concat(...), как предложил @Xan. В любом случае я предпочитаю поддерживать параметр scrpt, поэтому мне не нужно писать myarray.concat('str') в concatenateInjections(). Помните: я очень ленивый :-)
- person Sim Sca; 19.09.2015
concatenateInjections(id, ar.concat(script)) для варианта использования, который вы представляете, и сохранить его как 2 аргумента.
- person Xan; 19.09.2015
в любое время, когда вы хотите динамически вставить jQuery, я рекомендую этот скрипт
лично у меня есть пользовательский поиск 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 из адресной строки.
я использую это на моей странице about:blank, когда я пытаюсь быстро смоделировать ситуацию css
