寫這個插件的原因是最近要對比一下頁面的 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 小圖標即可關閉。