码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-05-25 18:20:52      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:查看   jsb   log   extension   blog   主页   tar   ane   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 是不一样的


若使用 groupCollapsed 则默认收缩不显示整个 group 信息


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


以下是效果图:


技术分享



---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


刚刚又试了 firefox 下的 FirePHP 插件,他们的功能都非常类似,但 FirePHP 比 ChromePHP 更热门些,也不会被墙安装非常方便。后者的 github 项目似乎一年没有维护更新了。也可能是没什么可更新了的吧。只是 firefox 和 Chrome 浏览器比起来,后者应该使用的人很多其它了吧。


FirePHP 官方主页:(下载 PHP 端类库)

http://www.firephp.org/HQ/Install.htm


安装

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

标签:查看   jsb   log   extension   blog   主页   tar   ane   chromephp   

原文地址:http://www.cnblogs.com/slgkaifa/p/6905210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!