Perfetto Pin 区域高度调节工具 — 让性能分析更高效
参考自:https://www.wolai.com/tTBehPGCLqHvopuUUujX6M
谷歌埋下的坑
在使用 Perfetto分析 trace时,有一个问题一直困扰着我。
分析 trace 时,我们经常要把感兴趣的线程给 pin 住,然后在 Perfetto Viewer默认的Pinned区域(固定视图区)里集中查看这些 pin 住的线程。然而有个问题,Pin 区域的高度被谷歌官方给限制死了,限制为浏览器高度的40%,pin 的线程如果不多还好说,一旦多了我们就会发现,Pin区域也需要滑动才能查看全部,这就很烦了,明明我们屏幕下方还有好多空间,你为啥不能再扩大点呢。
那这个高度可以改吗?其实也不是不行,就是稍微有点繁琐,具体修改流程我们可以看下图。

按照上图一路操作猛如虎,你会惊奇的发现,原来高度真的可以改。可是如果你再刷新下页面,你会发现刚刚的修改tm又被还原回去了。
emmm…难不成我们每次看 trace 的时候,都要这样操作一番,如果不小心刷新了页面,还要再重来一遍?
油猴脚本申请出战
是时候上油猴脚本了。
啥是油猴脚本?简单说就是浏览器里的「外科手术刀」——能让你在不修改网站源码的情况下,给任意网页动刀子。
在这个场景里,我们可以给网页新增2个按钮和一个文本显示,2个按钮分别用于增大和减小pin区域的比例,文本用来显示具体比例值。剩下的工作就交给 AI 吧。
具体的脚本我已经上传 github 了,可能有 bug,毕竟 AI 也不是完全靠谱,经常趁我不注意忽悠我。
https://github.com/shadowwingz/PerfettoPinnedTrackHeightController
使用教程
安装谷歌浏览器插件 - 篡改猴
使用方法很简单,我们需要先去 Chrome 插件商店中安装一个叫篡改猴的插件,你可以直接点击这个链接去安装。

安装油猴脚本
安装好篡改猴插件后,我们再安装油猴脚本。

我自己体验了下,在用竖屏看 trace 的情况下,高度调节到80% 已经妥妥的够用了。附上一张使用截图。
4K高清无码大图
