前言：

Yii-debug作为开发工具是非常好用和简单的，一般也是开箱即用。但是其实yii-debug也拥有一定的定制化能力。这里展示两个基础的功能：增加页面自动刷新和vscode打开文件。

增加页面自动刷新

对于经常需要切换查看debug数据的场景，每次切换页面后均需要手动刷新一下页面，这步非常麻烦，因此一直想增加自动刷新功能，后在js中了解到已经可以检测页面是否会隐藏也找到相关的方法，实现上也存在条件，实现代码如下：

只要把上述代码加入到页面就可以实现了，但是难点是如何增加到页面上。对于官方的组件页面不能直接修改，不然每次组件升级就失效。中间也寻找了很多办法，但是也不好实现，最后发现可以通过模块注册时增加参数的方式注入修改，这样就避免了直接修改官方组件，代码如下：

(相关资料图)

通过controllerMap指定default的方法修改default控制器的layout参数。把yii2-debug的layout文件复制一份到项目上，增加上面的JS代码即可，代码如下：

最终实现的效果，每次切换到debug的页面均会自动刷新。

vscode打开代码文件

现在很多人也使用vscode来编写代码，可以通过配置traceLine参数直接通过IDE打开错误的文件和指定的行数，配置如下：

如果使用的IDE不是vscode，也可以自行搜索对应的格式即可。

最终实现效果，可以在浏览器上直接跳转到vscode并打开指定的文件。

增加debug记录的行数

有时需要在正式环境调试问题，但是debug记录的行数太少默认只有50行，还没有看完已经被删除了。可以通过参数增加debug记录的历史数据行数，配置如下：

值得注意的是，debug记录的历史数据越多系统运行的速度越慢，这里要特别注意，正式环境不能长期开启debug功能。

最终效果，debug的历史数据会达到500条记录再被删除。

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