PhpStorm调试 PHP Web 应用之 PHP Web Application

调试环境配置

开启Xdebug

启动WampServer 打开菜单 选择PHP >> PHP设置 >> 选择Xdebug的三个选项依次点击开启功能，选择后WampServer会自动重启，打开成功后三个选项前会打上对勾标志。

或者手动修改php.ini文件

打开方式如下：

将文件拉到最下面，修改xdebug.remote_enable，xdebug.profiler_enable ，

xdebug.profiler_enable_trigger的参数值，由off改为on

保存文件重启所以服务。

2. PhpStorm 设置

新建空白项目：

新建index.php

项目文件右键 New >> PHP File， 输入index

在文件中输入以下代码

echo 'Hello world';

$a = 20;

$b = 40;

$c = $a + $b;

echo $c.'
';

echo 'Hello world';

然后字代码中添加断点

配置php调试

打开settings面板，选择PHP>>Servers， 点击右边窗口的"+"，输入Name, Host参数，同时勾选，Use path mappings，选择OK

选择工具栏中的下拉三角，打开 Edit Configrations

点击"+"PHP Web Application填写Name, Start URL参数，选择 Server，Browser参数，选择OK

选择Run >> Start Listen PHP Debug Connections，工具栏的电话图标由红变绿；

调试，Run >> Debug 'xdebug' 此次弹出你之前选择的浏览器

PhpStorm 进入调试界面

控制台报错，断点异常，控制台提示如下错误：

Remote file path 'xxxxx' ……………

单击Click to set up path mappings

单击编辑按钮，

选择要调试的PHP文件，选择OK。

此时错误消失，如图：

注意：如果你调试PHP断点有多个PHP文件的话，每一个包含断点的文件都要添加到mapping路径当中。

单击停止按钮

重新调试，单击调试按钮

这时进入正常的调试流程

选择调试工具栏上的按钮进行调试

调试之后查看浏览器输出结果

之前的错误可以通过，配置server时避免，配置方式和错误处理相同

注意：如果你调试PHP断点有多个PHP文件的话，每一个包含断点的文件都要添加到mapping路径当中。

要经常注意：打开监听，run->Start Listen PHP Debug Connections

总结：另一方面chrome安装JB(JetBrains IDE Support)和Xdebug helper插件，如果不生效，提示mapping,可以在File->PHP->Settings->Servers里把use前复选框打勾，选好本地文件，然后重启apache或nginx。

其次： php script,可调试php而不需要打开网站，javascript debug是调试html中的javascript。