PHP在浏览器上追踪调试的方法以及使用ChromePhp的简单介绍

PHP在浏览器上跟踪调试的方法以及使用ChromePhp的简单介绍

之前用thinkphp时发现有个 trace 函数可以跟踪调试，感觉很有意思，网上搜索了下类似的东西，发现了 chromephp ，以前没想过这样来调试 php 程序，感觉非常方便，很有用。

ThinkPHP 使用的是自己生成的 HTML 随模版一起输出来显示，偶尔会遇到一些莫名其妙的问题，效果不是太好，

还有一些也是类似的方法，但输出的主要是在模版中增加 JS 代码，调用浏览器的调试方法进行输出调试

如 console.log('PHP的一些调试输出内容');

ChromePhp 是通过header来传输调试内容并通过安装 Chrome 浏览器的插件读取header 信息显示到浏览器调试面板中进行查看，功能比较强大，对页面没什么太多干扰，调试也更方便，火狐下据说也有类似的 firePhp ，不过现在不怎么用火狐浏览器也没去测试过

官网地址：

http://www.chromelogger.com/

这是该开源项目的 Github 地址：

Github : https://github.com/ccampbell/chromephp

这是 Chrome 内核浏览器插件的安装地址：

https://chrome.google.com/extensions/detail/noaneddfkdjfnfdakjjmocngnfkfehhd

不过老是被墙，不容打开，而且只能是 google chrome 才能安装，我找了老半天只找到个 3.0 的插件

插件下载地址：

http://download.csdn.net/detail/zsjangel/7535201

可以安装后试试 升级到现在最新的 4.1，我是这样成功了的

3.0 的插件图标和 4.1 的不一样的：

下面是4.1版本，黑色表示为开启插件，点击启动

下方显示蓝色时表示启动，可以在面板中看到调试信息

PHP下的使用方法：

ChromePhp::log('Hello console!');ChromePhp::group('this is group');ChromePhp::log('Hi 神神的蜗牛!');ChromePhp::error('something went wrong!');ChromePhp::groupEnd();ChromePhp::table(array(array('aa'=>'bb', 'cc'=>11), array('aa'=>'cc', 'cc'=>22)));

group 表示下面的所有都是一组调试信息，一直到 groupEnd 结束，显示效果和普通的 log 是不一样的

table 的参数必须是 二维数组，否则将不显示，数组的键名及字段名

下面是效果图：