如何在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器不存在或不活跃,则该语句没有可观察到的效果。

生产DebuggerStatementdebugger ; 评估如下:

  1. 如果一个实现定义的debugging工具可用并且被启用,那么

    一个。 执行一个实现定义的debugging操作。

    湾 让结果成为实现定义的完成值。

  2. 其他

    一个。 让结果为(正常,空,空)。

  3. 返回结果。

break语句用于退出循环和switch语句,与debugging无关。

但真正的解决scheme是不要在你的代码首先:)

如果你已经保存了网页,然后使用jsbeautifier.org美化你的js文件,它将格式化你的整个脚本。 然后用美化的版本replace你的js内容。 从这里你可以很容易地debugging你的JS