如何使用Netbeans调试JavaScript代码？

Question

我没有使用NetBeans开发网络应用的经验。

我使用现有的源（一些HTML，JS和CSS文件）创建了一个HTML5项目，导入似乎没问题，但我没有设法调试JavaScript 代码，因为 “调试项目”，“调试文件”和“调试测试文件”菜单项始终被禁用。

我错过了什么？

_{PS。：我在2013年11月下载了一个新版本。}

Answer 1

如果您在任何带有NetBeans连接器的浏览器中运行HTML5项目，它总是在调试和运行的同时（检查工具栏中的浏览器切换器）。所以一旦你运行项目/文件，如果应该点击一些断点，它将是。因此，HTML5项目未启用调试操作，因为它与“运行”操作相同。

基本上，这意味着您可以使用NetBeans Connector，IDE中的嵌入式浏览器，Android上的Chrome，iOS上的Safari来调试Chrome中的JS ......

Answer 2

在尝试在PHP项目中调试JavaScript时，我也遇到了问题。我使用Chrome作为浏览器，并确认Netbeans Connector扩展已安装并在Chrome中运行。

我可以毫无问题地调试PHP。我可以创建一个单独的HTML5 / JavaScript项目并调试JavaScript而没有任何问题。但是，当我尝试在嵌入PHP文件中的标记的JavaScript代码上设置断点时，我会得到一点点破坏＆＃39;其他人引用的断点。当我选择调试项目的选项时，我可以调试PHP代码，但JavaScript断点从未被命中。

我最终（对我而言）所做的更改导致JavaScript断点被点击，所以我可以使用Netbeans调试器逐步执行代码，从包含PHP / HTML代码的文件中删除Javascript并将JavaScript放入一个单独的文件，只包含PHP文件中的JavaScript。奇怪的是，我可以在同一个调试会话中调试JavaScript和PHP，而无需任何额外的设置。

当然，另一种方法是在浏览器中使用调试器，例如Chrome开发人员工具，但我真的希望能够在同一个Netbeans环境中调试所有内容。现在就像一个魅力。

Answer 3

我自己从未使用过JavaScript调试器，但如果必须是Netbeans调试器，则会找到here教程。作为替代方案，我可以推荐Firebug的JavaScript调试器。

Answer 4

在浏览器中加载页面后，使用Chrome调试器。

Answer 5

当您最终解决跨浏览器兼容性时，您将不得不使用特定的浏览器控制台/调试器实现（这可能不太花哨）。之前在ChromeDevTools或FireBug中享受：）