使用 PhpStorm + Xdebug + Chrome 进行代码调试

发表于

不知道为啥，使用 IDE 进行 PHP 调试这么实用的技能，身边的 PHP 程序员(包括我)都没有掌握，大多数时候调试都依赖 var_dump printf echo 等，体验其实是非常不好的。

而我最初确实花了很长时间才搞定这套配置，说来也不算复杂，但确实耗了我很多时间，尤其是当我换电脑后想再配置的时候，竟然又花了很长时间，才配置起来，其中原因就是我自己知其然不知其所以然，不明白各个配置项的意思，故在此记录，以防下次又再耗费时间。

首先启用 Xdebug 的特性 Remote Debugging，需要在对应的 php.ini 里添加配置，当然前提是已经安装了 xdebug 扩展

1
2
3
xdebug.remote_enable=1
xdebug.remote_host="127.0.0.1" // PhpStorm 所在的 IP
xdebug.remote_port=9001 // PhpStorm 监听的端口号

依次打开 PhpStorm 的配置 Languages&Frameworks > PHP > Debug，找到 Xdebug Debug port 填写端口号为 9001，与 xdebug.remote_port 一致即可。

设置完成后，依次点击 Run > Start Listening For PHP Debug Connections，设置断点，即可开始调试。

最后配合 Xdebug Helper for Chrome 可以在 Chrome 浏览器上选择是否开启调试，不用在 PhpStorm 菜单上 Start ... > Stop ... > Start .. 繁琐操作，首先在 php.ini 添加配置

1
xdebug.idekey="PHPSTORM"

在 Xdebug Helper 的配置项里，选择 PhpStorm，确保其值与 xdebug.idekey 一致， 保存，这样只要 PhpStorm 一直开着 Start Listening ... 也可以通过浏览器扩展控制启用或禁止调试了。