Можно ли внедрить файл javascript в DOM и сразу же выполнить его? Я хочу вызывать функции javascript на странице/DOM. Единый контент-скрипт работать не будет из-за изолированных миров. Для использования chrome.tabs.executeScript() требуется фоновая страница.
Простой пример:
JavaScript DOM
function sayHello(){
alert('Hello World');
}
Файл Javascript для вставки
console.log('Injection complete. Now calling DOM script.');
sayHello();
Вот два моих любимых способа...
// Executing an anonymous script
function exec(fn) {
var script = document.createElement('script');
script.setAttribute("type", "application/javascript");
script.textContent = '(' + fn + ')();';
document.documentElement.appendChild(script); // run the script
document.documentElement.removeChild(script); // clean up
}
script = function() {
//sayHello();
alert('hello');
}
exec(script);
// Append a script from a file in your extension
function appendScript(scriptFile) {
var script = document.createElement('script');
script.setAttribute("type", "application/javascript");
script.setAttribute("src", chrome.extension.getURL(scriptFile));
document.documentElement.appendChild(script); // run the script
}
appendScript('someFile.js');
Также chrome.tabs.executeScript() можно использовать из всплывающего окна действия браузера/страницы, и приведенный выше код также работает в скрипте содержимого.
ИЗМЕНИТЬ
Благодаря комментариям @renocor, вот вариант первого метода, который позволяет вам отправлять аргументы внедренной функции....
function exec(fn) {
var args = '';
if (arguments.length > 1) {
for (var i = 1, end = arguments.length - 2; i <= end; i++) {
args += typeof arguments[i]=='function' ? arguments[i] : JSON.stringify(arguments[i]) + ', ';
}
args += typeof arguments[i]=='function' ? arguments[arguments.length - 1] : JSON.stringify(arguments[arguments.length - 1]);
}
var script = document.createElement('script');
script.setAttribute("type", "application/javascript");
script.textContent = '(' + fn + ')(' + args + ');';
document.documentElement.appendChild(script); // run the script
document.documentElement.removeChild(script); // clean up
}
script = function(what, huh, nah, yeah) {
console.debug(arguments);
console.debug('what=', what);
console.debug('huh=', huh);
console.debug('nah=', nah);
console.debug('yeah=', yeah);
if (typeof yeah=='function') yeah();
}
exec(script, 'meh', ['bleh'], {
a: {
b: 0
}
}, function(){
alert('hi');
});
console.debug('No arguments');
exec(script);
