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


之前用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


安裝


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM