phpStorm+XDebug+chrome 配置

简介: 运行环境:phpStorm 2018.1php-7.2.4php_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
相关文章
|
6月前
|
IDE PHP Apache
PhpStorm+Xampp+Xdebug搭建环境并部署应用
PhpStorm+Xampp+Xdebug搭建环境并部署应用
127 0
|
5月前
|
Web App开发 JavaScript
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
203 0
|
5月前
|
PHP Windows
windows 安装php7.4并配置phpstorm环境
windows 安装php7.4并配置phpstorm环境
540 0
|
6月前
|
Web App开发 JSON 数据格式
一键自动化博客发布工具,chrome和firfox详细配置
blog-auto-publishing-tools博客自动发布工具现在已经可以同时支持chrome和firefox了.
一键自动化博客发布工具,chrome和firfox详细配置
|
Web App开发 IDE 应用服务中间件
phpstorm+xdebug 配置断点调试
阅读tp框架源码过程中,经常被代码绕来绕去,头晕的很(tp框架源码已很久没有更新);
256 0
|
IDE 安全 PHP
Xdebug+phpStorm安装与调试保姆级教程!『通俗易懂』
Xdebug+phpStorm安装与调试的详细步骤
476 0
Xdebug+phpStorm安装与调试保姆级教程!『通俗易懂』
|
JavaScript 前端开发
node.js入门学习(1): 让phpstorm配置支持ES语法,箭头函数正常代码格式化
node.js入门学习(1): 让phpstorm配置支持ES语法,箭头函数正常代码格式化
126 0
|
Web App开发
chrome配置selenium操作
chrome配置selenium操作
120 0
|
Web App开发 Linux vr&ar
Linux中Chrome无界模式动态代理IP的配置(Selenium)
Linux中Chrome无界模式动态代理IP的配置(Selenium)
|
安全 IDE Java
【代码审计-PHP】phpStudy(新版) + PhpStorm + XDebug动态调试
【代码审计-PHP】phpStudy(新版) + PhpStorm + XDebug动态调试
533 0
【代码审计-PHP】phpStudy(新版) + PhpStorm + XDebug动态调试