使用chrome扩展注入javascript ..它不工作

Inject javascript using chrome extension...it doesn't work

本文关键字：工作 javascript 注入 chrome 扩展 使用      更新时间：2023-09-26

我试图使一个chrome扩展注入一些js代码到页面时，它的加载。这是代码:

//now create our observer and get our target element
var observer = new MutationObserver(fnHandler),
        elTarget = document.querySelector(".ng-binding"),
        objConfig = {
            childList: true,
            subtree : true,
            attributes: false, 
            characterData : false
        };
//then actually do some observing
observer.observe(elTarget, objConfig);
function fnHandler () {
    alert("DETECTED_VARIATION");
}
document.querySelector("button").onclick = function () {
    document.querySelector(".ng-binding").appendChild(document.createElement("div"));
}
<div class="ng-binding">Observed div</div>
<button>Insert div</button>

链接JSFIDDLE: http://jsfiddle.net/drLrd9w5/1/

我想注入js代码在页面使用我的chrome扩展，并获得相同的结果jsfiddle页面…我的意思是:1)我打开使用我之前写的html代码的网站2)我做的扩展注入我之前写的javascript代码3)我得到了一些结果……

我尝试使用一些chrome扩展在谷歌chrome商店(如:https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija)，但它不工作，太:(有什么问题吗?由于

你可以尝试将js文件的依赖项附加到html页面的正文中。

使用jquery: 

$(document.body).append('<script src="' + chrome.extension.getURL(fileName) + '"></script>');
相关文章：