前言：

Yii-debug作為開發(fā)工具是非常好用和簡單的，一般也是開箱即用。但是其實yii-debug也擁有一定的定制化能力。這里展示兩個基礎(chǔ)的功能：增加頁面自動刷新和vscode打開文件。

增加頁面自動刷新

對于經(jīng)常需要切換查看debug數(shù)據(jù)的場景，每次切換頁面后均需要手動刷新一下頁面，這步非常麻煩，因此一直想增加自動刷新功能，后在js中了解到已經(jīng)可以檢測頁面是否會隱藏也找到相關(guān)的方法，實現(xiàn)上也存在條件，實現(xiàn)代碼如下：

只要把上述代碼加入到頁面就可以實現(xiàn)了，但是難點是如何增加到頁面上。對于官方的組件頁面不能直接修改，不然每次組件升級就失效。中間也尋找了很多辦法，但是也不好實現(xiàn)，最后發(fā)現(xiàn)可以通過模塊注冊時增加參數(shù)的方式注入修改，這樣就避免了直接修改官方組件，代碼如下：

通過controllerMap指定default的方法修改default控制器的layout參數(shù)。把yii2-debug的layout文件復(fù)制一份到項目上，增加上面的JS代碼即可，代碼如下：

最終實現(xiàn)的效果，每次切換到debug的頁面均會自動刷新。

vscode打開代碼文件

現(xiàn)在很多人也使用vscode來編寫代碼，可以通過配置traceLine參數(shù)直接通過IDE打開錯誤的文件和指定的行數(shù)，配置如下：

如果使用的IDE不是vscode，也可以自行搜索對應(yīng)的格式即可。

最終實現(xiàn)效果，可以在瀏覽器上直接跳轉(zhuǎn)到vscode并打開指定的文件。

增加debug記錄的行數(shù)

有時需要在正式環(huán)境調(diào)試問題，但是debug記錄的行數(shù)太少默認只有50行，還沒有看完已經(jīng)被刪除了。可以通過參數(shù)增加debug記錄的歷史數(shù)據(jù)行數(shù)，配置如下：

值得注意的是，debug記錄的歷史數(shù)據(jù)越多系統(tǒng)運行的速度越慢，這里要特別注意，正式環(huán)境不能長期開啟debug功能。

最終效果，debug的歷史數(shù)據(jù)會達到500條記錄再被刪除。

以上就是yii2-debug的一些訂制技巧分享。