我想调试书签。我怎样才能做到这一点?最好在 Firefox 中。
Bookmarklets 只有一行代码,因此直接调试它们是不切实际的。
如果我使用从书签发送的代码创建“脚本”标签,则此“脚本”标签中的代码不会在 Firebug 脚本中列出...(此代码运行正常,只是无法调试)
或者,如果可以调试在控制台中键入的代码,也可以。
我想调试书签。我怎样才能做到这一点?最好在 Firefox 中。
Bookmarklets 只有一行代码,因此直接调试它们是不切实际的。
如果我使用从书签发送的代码创建“脚本”标签,则此“脚本”标签中的代码不会在 Firebug 脚本中列出...(此代码运行正常,只是无法调试)
或者,如果可以调试在控制台中键入的代码,也可以。
制作一个这样的书签:
javascript:document.body.appendChild(document.createElement('script')).setAttribute('src','http://localhost/test.js');void(0);
它会自动出现在 Firebug 中,就这么简单。(假设您有最新版本的 Firefox 和 Firebug)
在文件中使用您开发版本的代码test.js
并手动使用debugger;
或插入断点。
额外说明:如果您遇到问题,例如您的代码在开发模式下工作(通过包含上述文件)但在转换为单行书签时不起作用,那么您所做的转换/编码一定有问题使它成为单行。
将您的小书签粘贴到开发人员控制台中,但在执行之前,请debugger;
在第一行添加一条语句。小书签将出现在调试器中名为“SOURCE”的选项卡下。
将您的书签代码复制并粘贴到调试器控制台中,按“输入”
我的意思是“代码”
function(){ ... }();
任何加载的 javascript 文件都将出现在调试器选项卡中,当您粘贴(或控制台中的向上箭头)并再次按“输入”时,您可以在其中设置断点、单步执行等。