使用chrome扩展程序注入javascript ...不起作用

Question

我试图做一个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/

我想使用chrome扩展名在页面中注入js代码，并获得与jsfiddle页面相同的结果...我的意思是：1）我打开使用我先前编写的html代码的网站2）我所做的扩展名是注入javascript我之前写的代码3）我得到了jsfiddle的一些结果...

我尝试在Google Chrome商店中使用一些chrome扩展程序（例如： https : //chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija ），但它也无法正常工作:(怎么了谢谢

Answer 1

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

使用jQuery：

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