1. 下载chrome插件，下载后的插件名称为xdebug helper-1.6.1.crx

2.打开chrome设置：更多工具-》扩展程序，出现如图：

3.直接拖动xdebug helper-1.6.1.crx到页面，会出现如图的错误：

解决方案：

1. 将xdebug helper-1.6.1.crx，文件后缀改为.rar,解压后文件夹为:

2.将根目录xdebug helper-1.4.3拖动到chrome扩展程序页面即可。

————————————————

原文链接：https://blog.csdn.net/Anlia_liao/article/details/95337643

http://www.winwin7.com/soft/28371.html#xiazai

Xdebug helper插件是款专门为PHP开发人员打造的调试插件，程序员们在完成PHP相关的编程工作之后可以通过这款软件直接在网页上面进行调试，性能分析和跟踪，而不必费力地处理POST / GET变量或Cookie。对于使用带有Xdebug支持的PHP工具（例如PHPStorm），带PDT的EClipse，Netbeans和MaCGDBp或任何其他Xdebug兼容分析工具（例如KCaCheGrind，WinCaCheGrind或Webgrind）的PHP开发人员，此扩展非常有用。

安装教程

解压后，打开谷歌浏览器，点击设置——更多工具——扩展程序，拖入crx文件。

点击添加扩展程序，安装完成。

使用教程

1、安装完成xdebug helper后再浏览器地址栏的右侧能够看到一只小爬虫。

2、选择Debug，就会通知你的开发环境接下来的代码需要开始调试，选择disable，就会直接运行。

3、在xdebug helper中配置它，选择phpstorm并且在右边的框中填入PHPSTORM。

4、到这里所有的配置已经完成了，可以phpstorm中设置断点，然后使用浏览器的xdebug helper开启页面调试。

5、xdebug helper常用热键：

打开断点：Ctrl  +  F8
断开调试：Ctrl  +  Shift  +  F9
跳到下一个断点：Ctrl  +  Shift  +  F5
打开弹出窗口：Ctrl + Shift + X（MaC上的Cmd + Shift + X）。
切换调试状态：Alt + Shift + X

更新日志

1、修复部分bug。