V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Moorez
V2EX  ›  程序员

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

  •  
  •   Moorez · 2019-10-20 12:23:31 +08:00 · 1782 次点击
    这是一个创建于 1642 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    效果图

    主要功能

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

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

    安装插件

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

    ==> 插件地址

    2 条回复    2019-10-20 15:46:18 +08:00
    azh7138m
        1
    azh7138m  
       2019-10-20 13:14:23 +08:00   ❤️ 1
    0. 这里发图要自己找图床
    1. chrome 有任务管理器 More Tools -> Task Manager
    saberlove
        2
    saberlove  
       2019-10-20 15:46:18 +08:00
    SHIFT+ESC
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3516 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 00:08 · PVG 08:08 · LAX 17:08 · JFK 20:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.