写这个插件的原因是最近要对比一下页面的 cpu 和内存占用的性能,本来是想找看看有没有什么软件能够去可视化一下当前标签页的cpu和内存占用,但是发现却找不到这种软件,mac 上有个活动监视器,但是当你开很多标签页的话并不很好的监听当前标签页的 cpu 和内存占用,能看到谷歌浏览器的 rendered 进程,但是谷歌浏览器的 rendered 进程很多你并不知道是哪个:
而且也没有可视化进行查看平均的 cpu 和内存占用,后来看到谷歌浏览器有个任务管理器可以查看当前标签页的 cpu 占用和内存占用,于是想到有没有人已经写了这种插件,但是遗憾的是并没有,后面仔细搜索了谷歌浏览器插件开发文档确定想要的功能能实现,于是这个插件就诞生了😀
效果图
主要功能
对当前标签页点击插件图标,会开始对当前的标签页也就是页面的CPU和内存进行监控,并生成对应的变化折线图和平均值和表格,平均值如果超过一定范围会有颜色变化。
有人可能会问页面开启扩展后会对当前页面统计造成影响,其实是不会的,谷歌扩展是独立的进程,不会对当前的页面的 cpu 和内存占用造成影响。
安装插件
由于使用了谷歌浏览器的实验特性,因此插件需要运行在谷歌浏览器开发者版,可以在这里下载谷歌浏览器开发者版
插件地址:https://chrome.google.com/webstore/detail/graph-process/gbinchaafafhenoibdeblkooihlobnjj?hl=zh-CN
Tips
Graph Process 默认是以 popup 的形式出现的,也就是说如果你的鼠标点击 Graph Process 出现页面,然后点击其他元素的话,由于浏览器的特性失焦是会关闭 popup 页面的,如果想维持 Graph Process 的话,可以点击 Graph Process 出现页面的时候右击选择检查,然后一直不关掉那个检查页面即可一直维持 Graph Process。如果要关闭的话点击Graph Process 小图标即可关闭。