配置完这个debug,可以网页断点,也可以接口断点
工具下载,推荐使用360急速浏览器,方便管理浏览器插件,这个插件自己从百度下载
![](https://box.kancloud.cn/a9ec7323c391a4a2a54ec525e7927f38_1612x449.png)
配置好,对应到PhpStorm
![](https://box.kancloud.cn/862bf15c04969d7183868e30006cd639_904x894.png)
本地环境配置
1.效果
![](https://box.kancloud.cn/49b25419b9e9aa35cc15456ced53621a_1571x1004.png)
![](https://box.kancloud.cn/1dfee38f7131895c0759eaca69706f51_1605x1015.png)
2.下载debug文件dll https://xdebug.org/download.php 官网
https://xdebug.org/files/php_xdebug-2.6.0-7.1-vc14-nts.dll
1.php 选择7.1版本+nginx,php环境变量对应到php7.1
2.7.1中的php.in 文件[XDebug]模块
3.开启XDebug
~~~
zend_extension="D:\phpStudy2018\PHPTutorial\php\php-7.1.13-nts\ext\php_xdebug-2.6.0-7.1-vc14-nts.dll"
;是否允许Xdebug跟踪函数调用,跟踪信息以文件形式存储,默认值为0
xdebug.auto_trace=1
;是否允许Xdebug跟踪函数参数,默认值为0
xdebug.collect_params=1
;是否允许Xdebug跟踪函数返回值,默认值为0
xdebug.collect_return=1
;函数调用跟踪信息输出文件目录,默认值为/tmp
xdebug.trace_output_dir ="D:\phpStudy2018\PHPTutorial\tmp\xdebug"
;性能分析文件的存放位置,默认值为/tmp
xdebug.profiler_output_dir ="D:\phpStudy2018\PHPTutorial\tmp\xdebug"
;打开xdebug的性能分析器,以文件形式存储,这项配置是不能以ini_set()函数配置的,默认值为0
xdebug.profiler_enable = 1
;性能分析文件的命名规则,默认值为cachegrind.out.%p
xdebug.profiler_output_name = "cachegrind.out.%t.%p"
xdebug.remote_enable = 1
;用于zend studio远程调试的应用层通信协议
xdebug.remote_handler = "dbgp"
xdebug.idekey = PHPSTORM
xdebug.remote_host = "localhost"
;注意注意注意 原本默认9000,但是我们nginx重定向使用了这个端口,所以我们debug就用9100
xdebug.remote_port = 9100
~~~
3.phpstorm 设置
3.1选择我们环境变量配置7.1
![](https://box.kancloud.cn/5d1b9be62cefa6d7971e787c9a1269fa_1037x683.png)
3.2 端口默认80,除非有改动
![](https://box.kancloud.cn/7751ec03fa81a4dfe1ab40b80d37b8f7_1037x683.png)
3.3xdebug端口remote_port,对应php.in中的XDebug的配置
![](https://box.kancloud.cn/238fc29a2c1c182dc5563e18f6fb7b4b_1037x683.png)
3.4 对应php.in XDebug模块的
![](https://box.kancloud.cn/d1eac50e798dcc9e11e4b26a0214947b_1037x683.png)
3.5 调试配置,指到localhost
![](https://box.kancloud.cn/5fc6133dc6e3108fd3db67fc0c10f4c7_1092x685.png)
3.6 配置完了,重启nginx
3.7 开启这个电话
![](https://box.kancloud.cn/e7b0034709f7d470e416d8cdeeb165fb_375x136.png)
3.8给代码打上断点
![](https://box.kancloud.cn/fcb4c5f2c2dc07132f45ebdaefc0c09a_415x109.png)
这个时候就可以在网页跑对应的页面了。
**接口断点**
PhpStorm打上断点后点击这个图标
![](https://box.kancloud.cn/9abe02f9bb498de7eb28c686943baf26_28x35.png)
会弹窗一个网页,复制上面的参数,页面不要关闭
![](https://box.kancloud.cn/2aa34e147f779fd86ce140892108278e_984x169.jpg)
开启接口调试工具,复制到url后面
![](https://box.kancloud.cn/39ea7b7f5b9e90179d8de9121747e1b0_1614x753.jpg)