PHPStorm+WampServer+Xdebug helper+Laravel联合Debug

以前虽使用Xdebug调试,仅仅和PHPStorm结合到一起,未与浏览器结合,所以调试非常麻烦。偶然想到应该有Chrome插件支持联合Debug,遂百度后发现。

一、博主环境:

OS: Windows 10 X64

WebServer: WampServer 3.1.4 X64

WebServer端口:8080

PHP: 7.1.9

Laravel: 5.4

PHPStorm: 2017.2

 

二、配置过程

1、编辑php.ini使其支持远程调试

php.ini中Xdebug环节内容如下:

[xdebug]
zend_extension ="c:/wamp64/bin/php/php7.1.9/zend_ext/php_xdebug-2.5.5-7.1-vc14-x86_64.dll"

xdebug.profiler_enable = On
xdebug.profiler_enable_trigger = On
;xdebug.profiler_output_name = cachegrind.out.%t.%p
;xdebug.profiler_output_dir ="c:/wamp64/tmp"
xdebug.show_local_vars=0
xdebug.show_exception_trace = On
xdebug.remote_enable = On
xdebug.remote_autostart = Off
xdebug.auto_trace = On

 

2、配置PHPStorm打开DBGp Proxy

DBGp Proxy中的port填写apache php-fpm监听的端口。

phpstorm其它配置如下:

3、Chrome安装Xdebug helper,并配置

4、打开待调试页面,将Xdebug helper调整至debug状态

5、PHPStorm运行Debug

6、随意debug。

在代码中打断点,然后点击页面,进入该功能区,即可debug。

分享到:更多 ()