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

问题描述 投票:59回答:4

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

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

在JS文件的line上设置断点也不起作用,因为该行上有很多功能。

有什么建议吗?

javascript debugging google-chrome safari webkit
4个回答
157
投票

在Chrome中,打开Scripts标签时,您可以通过单击底部的{ }按钮(“漂亮打印”)来美化所选文件。之后,您可以找到自己的行并设置断点。页面刷新后,该代码将保留有断点的代码。


5
投票

debugger statement可能就是您想要的。


0
投票

1)错误消息应为您提供“源”选项卡中的源代码链接。单击该链接以获取转译的代码。2)在“源”选项卡中,单击源代码底部的“ {}”图标,以格式化转码的代码,以便于调试。3)在发生故障的行上插入一个断点。4)再次重现该问题。这一次,它应该在发生错误之前在断点处中断。5)检查局部变量并调用堆栈以确定到底出了什么问题。


-1
投票

如果保存了网页,则使用jsbeautifier.org来格式化整个脚本,以美化js文件。然后用美化版本替换您的js内容。从这里,您可以轻松调试JS

© www.soinside.com 2019 - 2024. All rights reserved.