Javascript 如何在Chrome或Safari中为缩小的JS函数设置断点？

我想在Chrome或SafariJavaScript调试器中的“Cart.add”函数中设置断点。问题是，这个函数是在一个大的缩小JS文件中定义的，它本身并不存在于一行中

一些文档指出，基于WebKit的调试器支持调试控制台中的“break”或“debug”命令，但这些命令在较新版本的调试器中似乎不起作用

在JS文件的那一行设置断点也不起作用，因为这一行有很多函数

有什么建议吗？

这可能就是你想要的

评估DebuggerStatement产品可能允许实现在调试器下运行时导致断点。如果调试器不存在或不处于活动状态，则此语句没有可观察的效果

生产调试程序语句：

调试程序的评估如下所示：

如果实现定义的调试工具可用并已启用，则

a。执行实现定义的调试操作

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

否则

a。让结果为（正常、空、空）

返回结果

break
语句用于退出循环和
switch
语句，与调试无关

真正的解决方法是首先不要修改你的代码：）
在Chrome中，当你打开
脚本
选项卡时，你可以通过点击底部的
{}
按钮（“漂亮的打印”）来美化选中的文件。之后，您可以找到您的行并设置断点。在页面刷新后，代码将保持用断点修饰的状态。
如果您保存了该网页，请使用jsbeautifier.org美化您的js文件，该文件将格式化整个脚本。然后用美化的版本替换js内容。从这里，您可以轻松调试JS（错误消息应该会为您提供指向
“源”选项卡。单击该链接可转到传输的代码

2） 单击中源代码底部的“{}”图标
“源”选项卡，以格式化传输的代码，以便于调试

3） 在失败的行上粘贴断点

4） 复制
问题又来了。这一次，它应该在之前的断点处中断
错误发生了

5） 检查局部变量并调用堆栈以
确定到底出了什么问题。
对于chrome用户，您需要在实验功能中启用自动漂亮打印


设置断点现在应该可以工作了。
您可以取消javascript的声明，然后再做一次吗？这条建议太棒了，我想我自己不会明白的。不，它不会保持漂亮的。对我来说不起作用。它保持美观，但从未达到断点，缩小的脚本总是被执行。出于某种原因，这并不适用于所有人：这个功能过去很有用，但现在（53.0.2785.143）我再也不能让它工作了。我很想知道这是否是chrome中的错误/功能丧失，或者是我破坏的设置/我做错了什么。请考虑到，当你处理缩小的js文件时，通常意味着你正在调试生产中的某些东西。大多数情况下，您无法访问该环境以用美化的版本替换脚本，或者即使您访问了，也不应该这样做。