HTML文件中的javascript调试答案

【问题标题】：javascript debugging in HTML fileHTML文件中的javascript调试
【发布时间】：2011-04-04 00:32:41
【问题描述】：

如何在 javascript 函数的 HTML 页面中放置断点，以便在执行行时查看变量的值。这样做最简单的方法是什么？

谢谢

【问题讨论】：

标签： javascript debugging profiling breakpoints

【解决方案1】：

使用关键字“debugger;”来尝试调用硬断点。

只要您的浏览器启用了 Javascript 调试，那么 debugger; 语句就会告诉它这样做，您将一步一步地进行步进调试器。

Firefox 的 Firebug 扩展是迄今为止最简单的，但 Internet Explorer 新的内置“开发者工具”选项也相当不错。我必须说 Firebug 更简单、更精致，但我经常必须在一堆不同的浏览器中进行验证，在某些情况下只能在 Internet Explorer 中进行验证，例如在调试客户端 Javascript 和自定义 ActiveX 控件的交互时。

“debugger;”语句似乎始终是快速进入跨平台和浏览器的调试器而无需跳过一堆麻烦的金钥匙。

所以你可能有一些像下面这样的 Javascript 块，并且浏览器会在 "debugger;" 上调用逐行调试器，就像它是一个断点一样...

var a = 5;

变量 b = 6;

调试器；

a = b;

【讨论】：

使用 Webkit 的浏览器（如 Safari）也集成了非常强大的调试工具。

【解决方案2】：

你应该得到Firebug。

【讨论】：

【解决方案3】：

在 Google Chrome 浏览器中按“Ctrl+Shift+i”按钮。

在 IE 浏览器中：
- 下载 Microsoft Javascript 调试器。
- 在浏览器中转到“工具->Internet 选项->高级”并从“禁用脚本调试器”复选框中删除“V”。
享受吧。

【讨论】：

【解决方案4】：

alert(variable);

这就是我所做的，它几乎就像断点一样工作。当您按下“确定”时，脚本会继续。

【讨论】：