Heim  >  Artikel  >  Backend-Entwicklung  >  PHP+PhpStorm+Xdebug配置方法

PHP+PhpStorm+Xdebug配置方法

WBOY
WBOYOriginal
2016-07-28 08:28:081311Durchsuche

本文包含如下内容:

  • Xdebug文件下载及配置
  • IDE(PhpStorm)发起调试
  • Chrome发起调试

1、Xdebug文件下载及配置

进入Xdebug下载页,根据提示选择合适的Xdebug版本。

 PHP+PhpStorm+Xdebug配置方法

在Xdebug下载页中需要将本地phpinfo()的源代码复制到文本框中。以Chrome为例,按F12查看phpinfo()源代码,右键->Copy->Copy element,将复制的内容填充到文本框中,点击下面的Analysemy phpinfo() output按钮,Xdebug即会提示下载哪个文件及如何配置。

 PHP+PhpStorm+Xdebug配置方法

 PHP+PhpStorm+Xdebug配置方法

根据Xdebug的提示,配置php.ini文件。我的配置文件如下

zend_extension =D:\AppServ\php5\ext\php_xdebug-2.4.0-5.6-vc11.dll
xdebug.remote_enable = On
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "localhost"
xdebug.remote_port = 9000
xdebug.idekey= PHPSTROM

2、IDE(PhpStorm)发起调试

经过第一步的配置我们在phpinfo()输出信息中可以看到Xdebug的配置信息。此时说明php对Xdebug的扩展已完成,接下来是对PhpStorm的配置。

 PHP+PhpStorm+Xdebug配置方法

点击右上角的“运行/调试配置”按钮,选择Edit Configurations。

 PHP+PhpStorm+Xdebug配置方法

选择PHP Web Application项

 PHP+PhpStorm+Xdebug配置方法

根据自身情况设置相应信息,点击OK

 PHP+PhpStorm+Xdebug配置方法

可看到“运行”、“调试”按钮被点亮,在需要断点调试的页面设置断点,然后点击调试按钮即进入调试模式。

3、Chrome发起调试

IDE(PhpStorm)发起调试的特点是网页由IDE打开,配置信息需要经常更换,使用起来很不方便。Chrome发起调试,跟正常网页调试一样,其配置方式如下:

PhpStorm配置

打开PhpStorm进入File->Settings->PHP->Servers,填写服务器相关信息。

 PHP+PhpStorm+Xdebug配置方法

进入File->Settings->PHP->Debug,设置Debug port为9000.

 PHP+PhpStorm+Xdebug配置方法

进入File->Settings->PHP->Debug->DBGp Proxy,配置IDE key、Host、Port等信息。

 PHP+PhpStorm+Xdebug配置方法

将PhpStorm右上角的电话按钮打开,保持调试监听状态。

 PHP+PhpStorm+Xdebug配置方法

Chrome配置

下载并添加Chrome插件。插件安装后如图

 PHP+PhpStorm+Xdebug配置方法

在需要调试的页面中点击该图标,选择Debug再次刷新即可看到Php的断点调试信息。


以上就介绍了 PHP+PhpStorm+Xdebug配置方法,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:nginx负载均衡一些好的文章Nächster Artikel:Linux下Nginx18安装