頁面CPU和內存占用監控可視化Chrome插件-Graph Process

寫這個插件的原因是最近要對比一下頁面的 cpu 和內存占用的性能,本來是想找看看有沒有什么軟件能夠去可視化一下當前標簽頁的cpu和內存占用,但是發現卻找不到這種軟件,mac 上有個活動監視器,但是當你開很多標簽頁的話并不很好的監聽當前標簽頁的 cpu 和內存占用,能看到谷歌瀏覽器的 rendered 進程,但是谷歌瀏覽器的 rendered 進程很多你并不知道是哪個:



而且也沒有可視化進行查看平均的 cpu 和內存占用,后來看到谷歌瀏覽器有個任務管理器可以查看當前標簽頁的 cpu 占用和內存占用,于是想到有沒有人已經寫了這種插件,但是遺憾的是并沒有,后面仔細搜索了谷歌瀏覽器插件開發文檔確定想要的功能能實現,于是這個插件就誕生了??

效果圖

image

主要功能

對當前標簽頁點擊插件圖標,會開始對當前的標簽頁也就是頁面的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 小圖標即可關閉。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 2018.5.20 抱~ 要好好的 可萊兒 / 下午去拍證件照 誒 就是不上鏡 開始覺得自己在瞪人 一點都不友好 ...
    夏天的秘密花園閱讀 165評論 0 0
  • 2019年4月27日,天津一年一度的幼兒園報名開始了,報名的年齡段是2016年出生的寶寶,2016年是猴年,這一年...
    李逍遙2018閱讀 1,547評論 0 2
  • 這生活里,任何夫妻或情侶,能在一起,一定是有它的理由的。或是很互補,或是什么,它會讓你覺得,他們就該是一對...
    暖心sun閱讀 177評論 0 0
  • 我們每個人,都會在某一個時刻意識到我們真正需要長大,但每個人都不盡相同,但或多或少都需要一些“催化劑”。 再過一個...
    尤客禮禮閱讀 475評論 0 2
  • 分光光度計,又稱光譜儀(spectrometer),是將成分復雜的光,分解為光譜線的科學儀器。測量范圍一般包括波長...
    年年有胖骨閱讀 833評論 0 0