phpStorm+XDebug+chrome 配置-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

phpStorm+XDebug+chrome 配置

简介: 运行环境: phpStorm 2018.1 php-7.2.4 php_xdebug-2.7.0alpha1-7.2-vc15-nts-x86_64.dll" 下载地址:https://xdebug.

运行环境:

phpStorm 2018.1

php-7.2.4

php_xdebug-2.7.0alpha1-7.2-vc15-nts-x86_64.dll" 下载地址:https://xdebug.org/download.php

  1. PHP安装xdebug扩展

因为是自己搭建的php环境,所以需要在php.ini上添加一下配置:

[XDebug]
xdebug.profiler_output_dir="C:\phpstudy\tmp\xdebug"
xdebug.trace_output_dir="C:\phpstudy\tmp\xdebug"
zend_extension="C:\phpstudy\php\php-7.2.4-nts\ext\php_xdebug-2.7.0alpha1-7.2-vc15-nts-x86_64.dll"
xdebug.remote_enable = on
xdebug.remote_handler = dbgp
xdebug.remote_host= www.laravelsfc.com
xdebug.idekey = PHPSTORM
xdebug.auto_trace=on
xdebug.collect_params=on
xdebug.collect_return=on
xdebug.trace_output_dir="F:\AppServ\Xdebug"
xdebug.profiler_enable=on
xdebug.profiler_output_dir="F:\AppServ\Xdebug"
  1. 保存php.ini,重新启动apache检查是否成功开启了xdebug服务.
image.png
  1. 打开phpStorm,快捷键Clt+Alt+S打开settings搜索Xdebug.


    image.png

     如果在上级菜单栏->PHP中phpStorm没有自动识别php版本,则自己手动添加


    image.png

    4.进入Settings>PHP>Debug>DBGp Proxy,IDE key 填 PHPSTORM,host 填localhost,port填9000
    image.png

    5.进入Settings>PHP>Servers,这里要填写服务器端的相关信息,如:name填localhost,host填localhost,port填80,debugger选XDebug


    image.png

    6.进入Run> Debug configurations,点+号选择PHP Web Application,Server选填localhost,Start URL填你要访问的页面(如:/index.php), Browser 默认或者选chrome
    image.png

      其实5和6的步骤可以一气呵成

在导航栏中(没有显示则设置View->Navigation Bar)选择Edit Configurations...

image.png

7.打开浏览器,如果是用chrome或者Firefox可以找到对应的XDebug工具,工具的设置里的IDE KEY填上phpStorm,把localhost加入到白名单,以后调试的时候把工具启用就好了。如果是用其他浏览器,可以访问http://www.jetbrains.com/phpstorm/marklets/,在右边填上phpStorm,点generate,把下面的链接添加到收藏夹,方便调用。

我用的是这款


image.png

8.好了,这下都配置好了,开始断点测试吧。在phpStorm里打开Debug监听,就是电话按钮那个,然后在代码前断点,点击绿色的debug爬虫按钮,chrome浏览器打开xdebug页,phpStorm出现debug窗口


image.png

出现如图,证明你配置成功了
image.png

其它

安装wincachegrind

由于效能监测文件:cachegrind.out.×××文件的内容不易被理解,可以用工具wincachegrind来读取它。

1)、下载安装wincachegrind

2)、安装运行后,点击Tools->options,设定你的working folder(php.ini里xdebug.profiler_output_dir的值)

这样就可以比较直观的查看效能监测文件的信息了。


image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章