开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

时间:2024-10-20 22:06:08
一、 开启php xdebug扩展 
    注意:
    1. 原生php各版本需对应各自的xdebug版本,可到xdebug上对应下载
    2. 若用wampserver等环境,wampserver上有xdebug的话,不用再下载 (建议用wampserver2.5   在我的百度网盘上)
    3. xdebug文件下载好放在php下的扩展(ext)文件夹下  (注意:xdebug2.2版本以下 有bug 最好用2.2以上)
    4. 修改php.ini文件:
       如下:           

zend_extension = "D:/wamp/bin/php/php5.4.9/zend_ext/php_xdebug-2.4.1-5.4-vc9.dll"
xdebug.remote_enable = On
xdebug.remote_handler = dbgp
xdebug.remote_host= localhost
xdebug.remote_port = 10001
xdebug.idekey = PHPSTORM

  参数说明:

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

    5. 重启apache 然后运行phpinfo();或在DOS下,切换到php的安装路径,执行'php -m';检查xdebug是否安装成功!
二、设置phpstorm
    1. 进入File>Settings>PHP>Servers,这里要填写服务器端的相关信息:  【此处Server 可配置多个】

name: localhost, 
host: localhost, 
port: 80, 
debugger: XDebug

如果是自定域名则host设置自定域名, 如laravel5.io

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

2. 进入File>Settings>PHP>Debug,修改端口号(此处端口号要和php.ini中配置的xdebug的端口号一致)

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

3. 进入File>Settings>PHP>Debug>DBGp Proxy 填写:

IDE key: phpStorm     【此处的IDE key要和php.ini中配置的xdebug IDE key一致
host: localhost 
port: 10001

      开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

4. 点菜单栏的Run>Edit Configurations… 在弹出的窗口中添加一个调试配置:点击左上角加号,选择PHP Web Application    【添加php的调试配置】

     开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合
    下面设置CLi Interpreter 不是必须项,可以不用设置
    开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

5. 填写完毕后,点Ok保存

6. 再下个chrome浏览器插件, xdebug helper, 下载好之后点选项, IDE选PHPSTORM

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

7.在浏览器上点击调试插件图标--切换至可用状态

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

8. 基本完事了, 调试就点开电话图标监听, 设置好断点, 然后通过浏览器刷新页面,就可看到调试结果【注意:刷新页面时,xdebug会跑到配置的start_url对应程序中,若调试结果没有出现,那是因为还未执行到断点所在程序中,需多次按F9(进入下一个断点处),直到有断点出现为止;  可以这样操作:要访问或刷新想要调试的页面前,打开电话图标监听端,调试完了,再终止调试

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

9. 若想终止调试,直接点击电话图标监听,断开监听端口,然后关闭phpstorm下部的调试窗口;如下图

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合

开启php的xdebug扩展及phpstorm配置xdebug,chrome调试插件组合