[英]Chrome-extension: Invoke page script by injection
Is it possible to inject a javascript file into the DOM and immediately execute it ? 是否可以将javascript文件注入DOM并立即执行? I wish to invoke javascript functions within the page/DOM. 我希望在页面/ DOM中调用javascript函数。 A single content script will not work because of the isolated worlds. 由于孤立的世界,单个内容脚本将无法工作。 A background page is required to use chrome.tabs.executeScript()
. 使用chrome.tabs.executeScript()
需要后台页面。
Simple Example: 简单示例:
DOM javascript DOM javascript
function sayHello(){
alert('Hello World');
}
Javascript file to inject 要注入的Javascript文件
console.log('Injection complete. Now calling DOM script.');
sayHello();
Here's my two favorite ways... 这是我最喜欢的两种方式......
// 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');
Also chrome.tabs.executeScript()
can be used from a browser/page action popup and the above code works in a content script aswell. 此外, chrome.tabs.executeScript()
可以在浏览器/页面操作弹出窗口中使用,上述代码也可以在内容脚本中使用。
EDIT 编辑
Thanks to comments by @renocor, here's a variation of the first method that allows you to send arguments to the injected function.... 感谢@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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.