不多说,直接上step by step:

1.xampp配置

看看我的XAMPP版本:

修改配置文件,该打开打开,该加上加上,结果如下(当前需要重新启动apache,配置才会生效):

[XDebug]
zend_extension = "c:\xampp\php\ext\php_xdebug.dll"
xdebug.profiler_append = 0
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir = "c:\xampp\tmp"
xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_enable = on
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "localhost"
xdebug.remote_mode = "req"
xdebug.remote_port = 9001
xdebug.trace_output_dir = "c:\xampp\tmp"
xdebug.idekey= PHPSTROM

请注意端口,有时候这个端口会冲突(比如默认的9000端口,我的机器上就冲突了),如果冲突,就修改一个,只要几方设置保持一致就没问题

2.chrome浏览器设置

进入chrome扩展程序:chrome://extensions/

点击获取更多扩展程序,在Google商店里面搜索:jetbrain,然后安装JetBrains IDE Support插件!

当然这里多说一句,google的扩展商店可能中国未必能访问,如果遇到这种情况,你有两个选择:一个是国内下载这个插件,自行安装;还有就是FQ了。本人采用的是第二个方案。(作为程序员,准备一个FQ账号还是不要的)

如图所示:

安装成功之后,会出现JB标志:

3.phostorm的设置:

File->Setting->Languages&Frameworks->php,设置好interpreter,设置如下:

如果以上没有设置好,那么请点击interpreter后面的...按钮,进入设置界面,只要正确设置了PHP的目录,和PHP.ini文件设置正确,系统会自动检测到启动了Xdebug的,如下图所示:

接着设置File->Setting->Languages&Frameworks->php->servers,设置如下图:

然后设置File->Setting->Languages&Frameworks->php->Debug,主要设置xDebug的端口,我这里是9001,要和php.ini里面设置一致,如下图所示:

最后设置File->Setting->Languages&Frameworks->php->Debug->DBGP Proxy,ID KEY和端口要和php.ini中保持一致,如下图所示:

4.phpstorm调试配置设置:

设置:Run->Edit configurations,点添加按钮(加号),选择PHP WEB Application类型,在右边填写相关信息,要注意Start URL应该指向你项目的浏览器访问根目录,如下图所示:

到这里,所有设置全部完毕,下面看看如何使用:

5.开始调试

首先打开你的PHP项目,在你想要调试的程序语句最左边单击,设置断点,断点显示为淡红色圆点,如下图所示:

设置完断点之后,你就可以执行Run->Debug->localhost进行调试了。或者单击右上角的绿色调试图标或者按shift+F9快捷键也可以。

有些教程说还要先点击右上角的电话图标(侦听PHP DEBUG连接),经过我实验,其实不用点击也是可以调试的。

点击调试之后,会自动打开浏览器访问你当前项目的根目录,然后你在浏览器中进行操作,只要程序执行到断点位置,就会在phpstorm中自动中断,并出现调试窗口,显示调试环境和变量,然后你可以单步跟踪了。

打开Run菜单,就会出现各种调试命令了,这个不详细说了。

比如我的程序运行到断点显示如下:

要继续执行,值需要按F9,浏览器就会出现运行结果。

希望这个教程能帮到你!

phpStorm9.0 +xampp+chrome php调试环境配置!的更多相关文章

  1. ArcGIS Runtime for Android开发教程V2.0(2)开发环境配置

    原文地址: ArcGIS Runtime for Android开发教程V2.0(2)开发环境配置 - ArcGIS_Mobile的专栏 - 博客频道 - CSDN.NET http://blog.c ...

  2. linux--->lnmp环境调试环境配置

    lnmp环境调试环境配置 nginx是一个web服务器,因此nginx的access日志只有对访问页面的记录,不会有php 的 error log信息. nginx把对php的请求发给php-fpm ...

  3. 配置Windows 2008 R2 64位 Odoo 8.0/9.0 源码开发调试环境

    安装过程中,需要互联网连接下载python依赖库: 1.安装: Windows Server 2008 R2 x64标准版 2.安装: Python 2.7.10 amd64 到C:\Python27 ...

  4. APMServ5.2.6 + xdebug + notepad++调试环境配置

    (原创文章,转载请注明出处:http://www.cnblogs.com/qzhforthelife/archive/2013/06/21/3147772.html) 刚整了两个多小时才把这个调试环境 ...

  5. Angular2-之开发环境搭建/调试环境配置

    很多网友发表了学习Angualr2的方法,今天我也分享我的学习过程,这篇文章暂且谈谈用到的工具. 1. Visual Studio Code 2. NodeJs 如果你不在天朝请直接去第三步.否则你还 ...

  6. PHP开发调试环境配置

    ——基于wamp和Eclipse for PHP Developers 引言 为了搭建PHP开发调试环境,我曾经在网上查阅了无数的资料,但没有一种真正能够行的通的.因为PHP开发环境需要很多种软件相互 ...

  7. Windbg双机调试环境配置(Windows7/Windows XP+VirtualBox/VMware+WDK7600)

    简介:Windbg双机调试内核.驱动 下载软件: 下载Windbg(GRMWDK_EN_7600_1.ISO) 下载VirtualBox 5.2/VMware 12 一.安装WDK,这里要提一点的是D ...

  8. PHP开发调试环境配置(基于wampserver+Eclipse for PHP Developers )

    1 软件准 WampServer 下载地址:http://www.wampserver.com/en/#download-wrapper    我下的是 里面包含了搭建PHP必须的4个软件:   1. ...

  9. Windows下OpenCV 3.1.0 在 Qt Creator 4.0.2 (Qt 5.7.0 MinGW) 中的开发环境配置

    2017-2-23 Update: 修改并添加了部分细节 最近正在学习OpenCV ,为毕业设计做准备.Windows版本的OpenCV都默认提供对VS的支持,其在VS中的配置比较简单,网上也有大批教 ...

随机推荐

  1. QT5中两个窗体之间传递信息(值)

    一个窗体A调用另一个窗体B: 1)包含窗体B的头文件#include"B.h" 2)在窗体A中增加slots函数: public slots: void infoRecv(QStr ...

  2. [译文]PHP千年虫(y2k compliance)

    时钟将我们无情地逼近2000年的最后一年,第二年厄运塞耶斯都预言前所未有的电脑故障在每一个可以想象的领域.通常被称为2000年问题,或千年虫,这种 情况很容易解释.程序解释两位在形成XX日期19 XX ...

  3. 一款带有CSS的单选框以及选中事件

    html <div class="radio radio-success"> <input type=" name="radioSingle1 ...

  4. LA 3635 派

    题目链接:https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_ ...

  5. Uva 11997 多路归并

    题目链接:https://uva.onlinejudge.org/external/119/11997.pdf 题意: k*k的矩阵,从每一行中选一个元素加起来,可以得到 kk个和,求前 k 个最小值 ...

  6. 广搜,智能拼图(ZOJ1079)

    题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=79 解题报告: 思路简单,写法太难. #include <std ...

  7. object dection资源

    https://handong1587.github.io/deep_learning/2015/10/09/object-detection.html

  8. 使用cmd命令创建maven(web)项目+项目转换成IDEA项目+项目打包+Jetty运行Web项目

    3条件:配置好环境 配置环境教程:https://www.cnblogs.com/weibanggang/p/9623705.html 第一步:查看版本信息,在cmd输入mvn –version,如果 ...

  9. 成员变量和成员函数前加static的作用?

    成员变量和成员函数前加static的作用?答:它们被称为常成员变量和常成员函数,又称为类成员变量和类成员函数.分别用来反映类的状态.比如类成员变量可以用来统计类实例的数量,类成员函数负责这种统计的动作 ...

  10. .net core自定义特性操作

    最近移植之前写的几个类,发现特性操作发生了一些改变. 直接看代码,建立表和字段特性类,添加一个用户表,设置好特性. using System; namespace TestDemo { /// < ...