页面 CPU 和内存占用监控可视化 Chrome 插件-Graph Process

[Moorez]

这里图上传不了，看不了可以看这里 https://segmentfault.com/a/1190000020685550

写这个插件的原因是最近要对比一下页面的 cpu 和内存占用的性能，本来是想找看看有没有什么软件能够去可视化一下当前标签页的 cpu 和内存占用，但是发现却找不到这种软件，mac 上有个活动监视器，但是当你开很多标签页的话并不很好的监听当前标签页的 cpu 和内存占用，能看到谷歌浏览器的 rendered 进程，但是谷歌浏览器的 rendered 进程很多你并不知道是哪个： 而且也没有可视化进行查看平均的 cpu 和内存占用，后来看到谷歌浏览器有个任务管理器可以查看当前标签页的 cpu 占用和内存占用，于是想到有没有人已经写了这种插件，但是遗憾的是并没有，后面仔细搜索了谷歌浏览器插件开发文档确定想要的功能能实现，于是这个插件就诞生了😀

效果图

主要功能

对当前标签页点击插件图标，会开始对当前的标签页也就是页面的CPU 和内存进行监控，并生成对应的变化折线图和平均值和表格，平均值如果超过一定范围会有颜色变化。

有人可能会问页面开启扩展后会对当前页面统计造成影响，其实是不会的，谷歌扩展是独立的进程，不会对当前的页面的 cpu 和内存占用造成影响

安装插件

由于使用了谷歌浏览器的实验特性，因此插件需要运行在谷歌浏览器开发者版，由于使用了谷歌浏览器的实验特性，因此插件需要运行在谷歌浏览器开发者版,由于使用了谷歌浏览器的实验特性，因此插件需要运行在谷歌浏览器开发者版，重要的事情说三遍，可以在这里下载谷歌浏览器开发者版

==> 插件地址

[azh7138m]

0. 这里发图要自己找图床
1. chrome 有任务管理器 More Tools -> Task Manager

[saberlove]

SHIFT+ESC