☰

如何在 Firebug 或 Chrome 的开发者工具上手动引入脚本进行测试

tag-icon • tag-icon google-chrome firefox firebug
如何在 Firebug 或 Chrome 的开发者工具上手动引入脚本进行测试

我想测试我的脚本在不同网站上的运行情况。我想知道是否可以使用开发人员工具来执行它。我尝试将其添加到标签中，但它没有执行。

有人知道其他方法吗？

（我不确定这是否是正确的网站。我认为它与编程没有太大关系，更多的是有关如何使用开发人员工具，所以我想到了这个地方而不是 stackoverflow）

谢谢！

答案1

我通过在控制台中引入这个来解决这个问题：

var script1 = document.createElement("script");
var script2 = document.createElement("script");
var head = document.querySelector("head");
var text = 'myscript();';
script2[(script2.innerText===undefined?"textContent":"innerText")] = text;

script1.setAttribute("src", "http://mysite.myscript.js");
head.appendChild(script1);
script1.onload = function(){ head.appendChild(script2) };

答案2

您可能对 Firebug 感兴趣包括（）命令。

弗洛朗

答案3

不同的 devtools 有编辑器允许你在其中执行 JavaScript 代码。

在 Firebug 中这就是所谓的命令编辑器，Firefox DevTools 有一个叫做便笺。这些和 Chrome DevTools 还允许您通过在其命令行中按Shift+来编写多行代码。Enter

笔记：以这种方式执行的脚本只是暂时在页面中可用。页面重新加载后，它们就会消失。

相关内容