1. 程式人生 > >PHP在瀏覽器上跟蹤調試的方法以及使用ChromePhp、FirePHP的簡介

PHP在瀏覽器上跟蹤調試的方法以及使用ChromePhp、FirePHP的簡介

console 傳輸 用法 fonts 才幹 地址 似的 nts mod

之前用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的簡介