如何在同一个NetBeans（7.3）项目中一起调试JavaScript和PHP？

Question

在我的第一步中，我使用这种不合理的方式，如下所述：

1. 创建一个HTML5项目来调试JavaScript代码。
2. 创建最终的PHP项目，已经测试了JS代码，我调试服务器端。

所以我想知道是否有更聪明的方法吗？
例如：创建一个独特的项目，并在本机NetBeans JavaScript调试器和（PHP） XDebug之间切换。

Answer 1

对于Chrome中的JavaScript调试，您应该使用官方NetBeans Connector扩展。

以下是有关如何使用NetBeans + Chrome + NetBeans Connector调试JavaScript代码的示例：

在HTML5应用程序中调试和测试JavaScript https://netbeans.org/kb/docs/webclient/html5-js-support.html

创建新项目后，您应该“确认在工具栏的下拉列表中选择了带NetBeans连接器的Chrome” ：

（在我的NetBeans中看起来像这样：
）

在某些行之前放置一些断点：

然后点击Run。 点击Run后，你会看到一个黄色的警告栏，看起来有点像这样，说“ ”NetBeans Connector“正在调试这个标签 ”：

现在不要打开Chrome的内置Web检查器工具栏（或者您会收到警告，这会破坏NetBeans中的常规调试过程）。

现在您可以在NetBeans中调试JavaScript代码，代码将在Chrome中运行。 您应该打开Window→Debugging→Variables面板来检查变量。

或鼠标悬停在某些项目上：

---

关于调试PHP代码，这里有一些相关的官方文章：

• 我如何调试PHP项目？ - http://wiki.netbeans.org/HowToDebugPHPProjects
• 在Windows中配置PHP开发环境 - https://netbeans.org/kb/docs/php/configure-php-environment-windows.html
• 在Linux Ubuntu中配置PHP开发环境 - https://netbeans.org/kb/docs/php/configure-php-environment-ubuntu.html
• 在MAC OS X中为PHP开发配置PHP，Apache，MySQL和Xdebug - https://netbeans.org/kb/docs/php/configure-php-environment-mac-os.html
• 在NetBeans IDE中调试PHP源代码 - https://netbeans.org/kb/docs/php/debugging.html
• 如何配置XDebug - http://wiki.netbeans.org/HowToConfigureXDebug