调试环境配置
开启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。
