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

寫這個插件的緣由是最近要對比一下頁面的 cpu 和內存佔用的性能，原本是想找看看有沒有什麼軟件可以去可視化一下當前標籤頁的cpu和內存佔用，可是發現卻找不到這種軟件，mac 上有個活動監視器，可是當你開不少標籤頁的話並不很好的監聽當前標籤頁的 cpu 和內存佔用，能看到谷歌瀏覽器的 rendered 進程，可是谷歌瀏覽器的 rendered 進程不少你並不知道是哪一個，

並且也沒有可視化進行查看平均的 cpu 和內存佔用，後來看到谷歌瀏覽器有個任務管理器能夠查看當前標籤頁的 cpu 佔用和內存佔用，因而想到有沒有人已經寫了這種插件，可是遺憾的是並無，後面仔細搜索了谷歌瀏覽器插件開發文檔肯定想要的功能能實現，因而這個插件就誕生了😀

效果圖

主要功能

對當前標籤頁點擊插件圖標，會開始對當前的標籤頁也就是頁面的CPU和內存進行監控，並生成對應的變化折線圖和平均值和表格，平均值若是超過必定範圍會有顏色變化。

有人可能會問頁面開啓擴展後會對當前頁面統計形成影響，實際上是不會的，谷歌擴展是獨立的進程，不會對當前的頁面的 cpu 和內存佔用形成影響。

安裝插件

注意，因爲使用了谷歌瀏覽器的實驗特性，所以插件須要運行在谷歌瀏覽器開發者版，因爲使用了谷歌瀏覽器的實驗特性，所以插件須要運行在谷歌瀏覽器開發者版，因爲使用了谷歌瀏覽器的實驗特性，所以插件須要運行在谷歌瀏覽器開發者版，重要的事情說三遍，能夠在這裏下載開發版 谷歌瀏覽器開發者版

插件地址：https://chrome.google.com/web...