phpstrom+wamp+xdebug+谷歌浏览器+调试环境配置

向右看齐 2022-03-16 15:08 589阅读 0赞

1:首先在php中 输出 phpinfo()的值 会显示相应的配置信息

![2019022809432510.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70][],

然后再页面ctrl+f搜索 xdebug，看看是否显示![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 1][]如果没有显示代表没有安装xdebug扩展,需要去下载xdebug的.dll文件。下载地址：[https://xdebug.org/download.php][https_xdebug.org_download.php]，首先确定你的 PHP 版本，使用`phpinfo()`查看 PHP 版本信息，然后下载对应的 Xdebug 版本。 这里推荐使用集成环境,我用的wamp，自带xdebug。 xmapp也可以,推荐下载wamp或者xmapp。

2: 配置php.ini文件,相当重要。

\[xdebug\]  
zend\_extension ="D:/tool/wamp/bin/php/php5.6.25/zend\_ext/php\_xdebug-2.4.1-5.6-vc11.dll"

添加以下配置,直接复制粘贴, zend\_extension后面的代表你之前下载的.dll文件,集成环境自带不需要改,如果没有请自己下载并放在指定位置

xdebug.idekey=PhpStorm  
xdebug.remote\_enable = On  
xdebug.remote\_host=localhost  
xdebug.remote\_port=9000  
xdebug.remote\_handler=dbgp  
xdebug.remote\_autostart=off

3:打开“File->Settings->Languages&Frameworks”找到PHP->Debug进行如下配置，其他不用管： 为了避免端口或者名字不匹配,建议跟着添

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 4][]

4：安装Chrome的XDebug插件 需要翻墙,会翻墙的直接在谷歌商店里面搜索 Xdebug helper

下载链接 :[https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc][https_chrome.google.com_webstore_detail_xdebug-helper_eadndfjplgieldjbigjakmdgkmoaaaoc]

不能翻墙的朋友自行百度下载别人上传的文件. 也可以私信我,我发压缩包给你。

下载完过后,需要添加到扩展程序 打开谷歌，访问: chrome://extensions/

将下载的文件拖到里面即可.

添加扩展成功过后,谷歌浏览器右上角会出现一个 爬虫

![20190228101346999.png][]

5: 配置run 的服务

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 5][]点击edit configurations

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 6][]

startUrl: 起始路径是localhost:+你的端口号, 在里面填入你的项目路径

默认浏览器选择谷歌

6：点击右上角的 电话按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 7][]![20190228101243476.png][]

7： 点击谷歌浏览器上的 爬虫按钮 开启 debug模式,刚添加扩展成功需要重启浏览器，才能开启debug模式

![20190228101422870.png][]

8：在 文件中打一个断点，在该位置左键点击就表示打一个断点,然后访问你的项目地址，我这边使用的是tp3框架,浏览器访问地址为:[http://localhost/bom/public/index.php/admin/Yongliao\_rule\_To\_Excel/test][http_localhost_bom_public_index.php_admin_Yongliao_rule_To_Excel_test], 直接会弹出调试窗口，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 8][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 9][]

调试窗口下可以看到各种信息,方便找Bug

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 10][]

到此 基本上完成了,我配置完还是花了挺长时间的,摸索了很多坑,看了很多博客始终不行,所以记录下来，写的比较乱应为在上班,在配置的时候一定要静下心来一步一步配置,否则很难成功的,如果你看了很多博客也不行,不要灰心，大家都是这样过来的,我之前的错误是 没有配置php.ini，少了几行配置，结果复制粘贴就行了，不一步一步看很难发现。

[2019022809432510.png]: /images/20220316/6dc9fb6a1eae4576a52130099025a777.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70]: /images/20220316/0d424a2a7b7c4fafb12571daae158640.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 1]: /images/20220316/67765eec735b47d1bcd52f6a2c954914.png
[https_xdebug.org_download.php]: https://xdebug.org/download.php
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 2]: /images/20220316/bf452caa77b4409cbc4635f4af76756b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 3]: /images/20220316/509041e9f22f4d7a84af72c3d734f246.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 4]: /images/20220316/dd284b706df748169bd2839b38e613da.png
[https_chrome.google.com_webstore_detail_xdebug-helper_eadndfjplgieldjbigjakmdgkmoaaaoc]: https://chrome.google.com/webstore/detail/xdebug-helper/eadndfjplgieldjbigjakmdgkmoaaaoc
[20190228101346999.png]: /images/20220316/03203b029b5b40a5b43c00f72789b8b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 5]: /images/20220316/d3146d2befa5483d9983569629096e37.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 6]: /images/20220316/443ccd1622cc4a19896a7d4fc095439f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20190228101230231.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy,size_16,color_FFFFFF,t_70
[20190228101243476.png]: /images/20220316/c264ae1c1fc748ccb0255c96891d06b1.png
[20190228101422870.png]: /images/20220316/f88554f5094a4c6ea76e222096eebea3.png
[http_localhost_bom_public_index.php_admin_Yongliao_rule_To_Excel_test]: http://localhost/bom/public/index.php/admin/Yongliao_rule_To_Excel/test
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 8]: /images/20220316/4a2a4f2468db40fa93afd962a7aa6eb9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 9]: /images/20220316/9ee5b7c82b764418960570b5af0b72ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NTI2OTUy_size_16_color_FFFFFF_t_70 10]: /images/20220316/63f7d11683534f7991b3c33db66ae4c4.png