Question

我想创建一个chrome扩展程序，以便在网页上运行HTML验证程序。

chrome.browserAction.onClicked.addListener(function(tab){
   chrome.tabs.executeScript(tab.id, {file: "inject.js"}, function(){
    alert(results);
});});

下面是inject.js

中的代码

var js = document.createElement("script");

js.type = "text/javascript";
js.src = "https://cdnjs.cloudflare.com/ajax/libs/html-inspector/0.8.1/html-inspector.js";

document.body.appendChild(js);

HTMLInspector.inspect();

在DOM上，我看到脚本标记已添加到body标记上方。但是行HTMLInspector.inspect();会抛出错误。我该怎么做才能解决这个问题？

Answer 1

如果您使用的是jquery，请尝试这样：将其添加到头部。

<script>
 var js = document.createElement("script");
 js.type = "text/javascript";
 js.src = "https://cdnjs.cloudflare.com/ajax/libs/html-inspector/0.8.1/html-inspector.js";
 $("head").append(js)
 window.onload = function() {
 HTMLInspector.inspect();
 }
</script>

未捕获的ReferenceError：即使在加载JS之后，也没有在chrome扩展中定义HTMLInspector

1 个答案: