如何在同一个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