本文包含如下内容:
- Xdebug文件下载及配置
- IDE(PhpStorm)发起调试
- Chrome发起调试
1、Xdebug文件下载及配置
进入Xdebug下载页,根据提示选择合适的Xdebug版本。
在Xdebug下载页中需要将本地phpinfo()的源代码复制到文本框中。以Chrome为例,按F12查看phpinfo()源代码,右键->Copy->Copy element,将复制的内容填充到文本框中,点击下面的Analysemy phpinfo() output按钮,Xdebug即会提示下载哪个文件及如何配置。
根据Xdebug的提示,配置php.ini文件。我的配置文件如下
zend_extension =D:\AppServ\php5\ext\php_xdebug-2.4.0-5.6-vc11.dll
xdebug.remote_enable = On
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "localhost"
xdebug.remote_port = 9000
xdebug.idekey= PHPSTROM
2、IDE(PhpStorm)发起调试
经过第一步的配置我们在phpinfo()输出信息中可以看到Xdebug的配置信息。此时说明php对Xdebug的扩展已完成,接下来是对PhpStorm的配置。
点击右上角的“运行/调试配置”按钮,选择Edit Configurations。
选择PHP Web Application项
根据自身情况设置相应信息,点击OK
可看到“运行”、“调试”按钮被点亮,在需要断点调试的页面设置断点,然后点击调试按钮即进入调试模式。
3、Chrome发起调试
IDE(PhpStorm)发起调试的特点是网页由IDE打开,配置信息需要经常更换,使用起来很不方便。Chrome发起调试,跟正常网页调试一样,其配置方式如下:
PhpStorm配置
打开PhpStorm进入File->Settings->PHP->Servers,填写服务器相关信息。
进入File->Settings->PHP->Debug,设置Debug port为9000.
进入File->Settings->PHP->Debug->DBGp Proxy,配置IDE key、Host、Port等信息。
将PhpStorm右上角的电话按钮打开,保持调试监听状态。
Chrome配置
下载并添加Chrome插件。插件安装后如图
在需要调试的页面中点击该图标,选择Debug再次刷新即可看到Php的断点调试信息。