我想在Chrome或Safari JavaScript调试器的“ Cart.add”函数中设置断点。问题是,此函数是在一个大型的缩小的JS文件中定义的,本身并不存在于一行中。
[一些文档说,基于WebKit的调试器在调试控制台中支持“ break”或“ debug”命令,但这些命令似乎在较新版本的调试器中不起作用。
在JS文件的line上设置断点也不起作用,因为该行上有很多功能。
有什么建议吗?
在Chrome中,打开Scripts
标签时,您可以通过单击底部的{ }
按钮(“漂亮打印”)来美化所选文件。之后,您可以找到自己的行并设置断点。页面刷新后,该代码将保留有断点的代码。
debugger
statement可能就是您想要的。
1)错误消息应为您提供“源”选项卡中的源代码链接。单击该链接以获取转译的代码。2)在“源”选项卡中,单击源代码底部的“ {}”图标,以格式化转码的代码,以便于调试。3)在发生故障的行上插入一个断点。4)再次重现该问题。这一次,它应该在发生错误之前在断点处中断。5)检查局部变量并调用堆栈以确定到底出了什么问题。
如果保存了网页,则使用jsbeautifier.org来格式化整个脚本,以美化js文件。然后用美化版本替换您的js内容。从这里,您可以轻松调试JS