如何在同一个NetBeans(7.3)项目中一起调试JavaScript和PHP?

时间:2013-04-04 02:23:59

标签: javascript netbeans-7 xdebug

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

  1. 创建一个HTML5项目来调试JavaScript代码。
  2. 创建最终的PHP项目,已经测试了JS代码,我调试了服务器端。
  3. 所以我想知道是否有更聪明的方法呢? 例如:创建一个独特的项目,并在本机NetBeans JavaScript调试器和(PHP)XDebug之间切换。

1 个答案:

答案 0 :(得分:5)

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

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

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

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

Confirm that Chrome with NetBeans Connector is selected in the dropdown list in the toolbar

(在我的NetBeans中看起来像这样:
NetBeans Connector

在某些行之前加上一些断点:

JS code breakpoints

并点击Run。点击“运行”后,您将看到一个黄色警告栏,看起来有点像这样,说明“”NetBeans Connector“正在调试此选项卡”:

"NetBeans Connector" is debugging this tab

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

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

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

NetBeans JS code debugging; variable


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