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>

LINK 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>');

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

1 个答案: