phpStorm+Xdebug+Chrome本地调试

PhpStorm 本地断点调试

一.环境搭建

注:以下是Windows+Apache环境

1.首先检测本地是否安装Xdebug

步骤:
(1)在phpstorm中新建一个PHP文件,写入phpinfo(),然后运行。出现如下图1-1所示界面。
1-1

(2)在界面中搜索Xdebug,看看是否出现如下1-2所示界面。如果没有安装,则继续下面的步骤。
1-2

2.安装Xdebug

(1)打开网址:http://xdebug.org/wizard.php,将图1-1所示的信息全部复制到页面的框中。得到如图1-3所示的界面
1-3

Xdebug相关的信息如图1-4所示:

1-4

(2)点击“download”进入Xdebug下载界面,下载相应的Xdebug版本;
(3)将下载好的.dll文件放入本地PHP环境的ext目录下;
(4)重启本地Apache服务;
重启服务成功后,在php.ini文件最后,会有XDEBUG EXTENSION的信息,我们
需要添加配置如下:
zend_extension的值根据自己的本地环境填写
zend_extension =“c:/wamp64/bin/php/php5.6.31/ext/php_xdebug-2.5.5-5.6-vc11-x86_64.dll”
xdebug.idekey=PHPSTORM
xdebug.remote_enable = On
xdebug.remote_host=localhost
xdebug.remote_port默认值为9000,这里需要跟phpstorm配置一致
xdebug.remote_port=8083
xdebug.remote_handler=dbgp
xdebug.auto_trace = On
(5)配置phpStorm,其中的Debug port确保不被其他应用占用,当程序无法进入断点时,可以考虑是否有其他应用占用了你本地的9000端口。
1-5

(6)给Chrome浏览器安装Xdebug扩展
百度下载Xdebug(http://www.downza.cn/soft/211550.html),进入浏览器扩展程序界面,将下载好的程序直接拖入扩展程序界面:
1-6

打开“选项”界面,将IDE Key设置为PhpStorm。
1-7

设置完成后,在浏览器右上角会出现爬虫样的图标(如果图标没有及时出现请重启浏览器并耐心等待一段时间),如下图:
1-8

二.断点调试

1.在浏览器中打开项目,并开启右上角的爬虫图标
1-9

扫描二维码关注公众号,回复: 15819983 查看本文章

2.在phpStorm编辑器中打开需要调试的代码
1-10

3.再一次刷新你在浏览器中打开的页面,然后看看你的phpstorm编辑器。左侧断点的红色圆圈,变成了圈中有一个对勾,那么代表你进入了断点。如下图

1-11
1-12

4.从你断点开始的地方,你可以按F7,程序会一步一步往下走,碰到函数的话,会跳转到该函数;按F8则是在当前代码页一行一行的往下走,碰到函数不会跳转。这两个功能是断点调试的最为实用和关键功能。
5.当你想直接从某个断点跳到另一行处断点时,你可以在进入断点后,在你想在另一行断点处,点击断点,然后按下F9或者点击下边框中的绿色按钮,如下图。
1-13

猜你喜欢

转载自blog.csdn.net/yuwenwenwenwenyu/article/details/112325499
今日推荐