如何在Chrome或Safari中为缩小的JS函数设置断点?
我想在Chrome或Safari JavaScriptdebugging器的“Cart.add”函数中设置一个断点。 问题是,这个函数是在一个大型的JS文件中定义的,它本身并不存在于一行上。
一些文档说,基于WebKit的debugging器在debugging控制台中支持“break”或“debug”命令,但是这些debugging器在较新版本中似乎不起作用。
在JS文件的那一行设置一个断点也不行 ,因为那行有很多function。
有什么build议么?
在Chrome中打开“ Scripts
选项卡时,您可以通过单击底部的{ }
button(“漂亮的打印”)来美化选定的文件。 之后,你可以find你的线路并设置一个断点。 在刷新页面之后,代码将保持美化并具有断点。
debugger
声明可能是你正在寻找的。
评估DebuggerStatement生产可能允许实现在debugging器下运行时导致断点。 如果debugging器不存在或不活跃,则该语句没有可观察到的效果。
生产DebuggerStatement :
debugger ;
评估如下:
如果一个实现定义的debugging工具可用并且被启用,那么
一个。 执行一个实现定义的debugging操作。
湾 让结果成为实现定义的完成值。
其他
一个。 让结果为(正常,空,空)。
返回结果。
break
语句用于退出循环和switch
语句,与debugging无关。
但真正的解决scheme是不要在你的代码首先:)
如果你已经保存了网页,然后使用jsbeautifier.org美化你的js文件,它将格式化你的整个脚本。 然后用美化的版本replace你的js内容。 从这里你可以很容易地debugging你的JS