天天看點

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 的不一樣的:

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

下面是4.1版本,黑色表示為開啟插件,點選啟動

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

下方顯示藍色時表示啟動,可以在面闆中看到調試資訊

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

php下的使用方法:

group 表示預設直接展開下面的所有都是一組調試資訊,一直到 groupend 結束,顯示效果和普通的 log 是不一樣的

若使用 groupcollapsed 則預設收縮不顯示整個 group 資訊

table 的參數必須是 二維數組,否則将不顯示,數組的鍵名及字段名

下面是效果圖:

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

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

剛剛又試了 firefox 下的 firephp 插件,他們的功能都很類似,但 firephp 比 chromephp 更熱門些,也不會被牆安裝很友善,後者的 github 項目似乎一年沒有維護更新了,也可能是沒什麼可更新了的吧,不過 firefox 和 chrome 浏覽器比起來,後者應該使用的人更多了吧。

firephp 官方首頁:(下載下傳 php 端類庫)

http://www.firephp.org/hq/install.htm

安裝插件就不用說了吧,附加元件裡面搜尋下 firephp 就行了很友善,必須依賴 firebug,最好先安裝 firebug 再安裝 firephp

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

php簡單測試代碼:

效果:

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

他們的原理也都一樣,使用方式上基本上差不多的,大概就是這樣啦

最後再來一個 header 傳輸調試信心的對比:

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

firephp 在輸出時應該會判斷目前浏覽器,非 firefox 不會輸出 header 資訊,而 chromephp 則未判斷都是直接輸出