PHPStorm断点调试配置图文教程

以下图片涉及到的代码进行了模糊处理(你懂的!)

1.png

1、 开打phpstorm,右上角下拉选择“Edit Configuration”

 

2.png 

2、 点击左上角的加号,选择“PHP Web Appplication”

3、 输入自定义名称

4、 输入http://127.0.0.1,注意,上图的url后面有个“:8081”,这个是我本地服务器端口是8081,如果本地的服务器端口号是默认的80,则url后面可不写任何端口号

5、 点击“”进行下一步操作

 

3.png 

6、 输入自定义名称,建议与上一步的自定名称保持一致

7、 输入Host:127.0.0.1

8、 默认端口号为80,可更改成自己本地服务器对应的端口号(与第4步url后面的端口号保持一致),

9、 勾选多选框

10、 Apply

11、 OK

 

4.png

11.png

打开File >Settings

 

12、 在搜索框中输入xdebug

13、 调式端口改为9001(9001端口基本不会被占用),接着搜索dbgp,IDE key为PHPSTORM,Host与第4部一样,Port为9001

 

5.png

打开php.ini文件,在文件末尾添加下面代码,红框中的替换为自己xampp的安装目录,重启xampp

[XDebug]

zend_extension = "D:\softwareGroup\xampp\php\ext\php_xdebug.dll"

xdebug.profiler_append = 0

xdebug.profiler_enable = 0

xdebug.profiler_enable_trigger = 0

xdebug.profiler_output_dir = "D:\softwareGroup\xampp\tmp"

xdebug.profiler_output_name = "cachegrind.out.%t-%s"

xdebug.remote_enable = 1

xdebug.remote_handler = "dbgp"

xdebug.remote_port = 9001

xdebug.trace_output_dir = "D:\softwareGroup\xampp\tmp"

xdebug.idekey="PHPSTORM"

 

14、 这里的端口号与第13步保持一致

 

6.png 

打开Chrome商店,搜索xdebug,下载并安装xdebug helper,自行翻墙

 

7.png 

15、 安装好扩展后,选择Debug,进行调试

16、 Disable表示不进行调试

 

8.png 

17、 开启phpstorm的调式监听

 

9.png

18、 刷新需要调试的页面,phpstorm会弹窗提示调试入口,直接点击Accept即可

 10.png

 

断点调式成功

 

注意点:

Chrome扩展xdebug helper选择Xdebug时,phpstorm的调式监听也开启

Chrome扩展xdebug helper选择Disable时,phpstorm的调式监听关闭

如果两边的开启状态不一致会导致浏览器刷新页面无反应或者反应特别面,出现这种页面刷新无反应时查看两边的状态是否一致

总之,xdebug helper和phpstorm的调试监听开启状态需保持一致。