“CSSPeeper”是還一個基於瀏覽器端的CSS樣式分析擴充套件外掛，如果你是設計師、需要時常去瀏覽其他網站的話，應該會覺得它幾乎為你量身打造，想要分析目標網站的CSS程式碼，僅僅用谷歌開發模式是不夠的，因此有了這款外掛你會如虎添翼。
CSSPeeper使用方法：
瀏覽器上安裝外掛以後，開啟CSS Peeper的Google
Chrome擴充功能頁面，點選右上角「加到Chrome」按鈕免費下載安裝，安裝後瀏覽器右上角會出現CSS Peeper按鈕，點選就能使用。點選CSSPeeper
後會開啟網站圖示、標題和內文字型、CSS 檔案大小和載入時間，點選下方按鈕可切換至不同功能。
CSSPeeper讓使用者以簡單、有組織性、更漂亮方式去檢查網站樣式和各種元件，例如以視覺化方式快速列出網站的配色、檢視各部分使用的字型、字型大小、行高、對齊方向和顏色，還能快速匯出頁面中的所有圖片。
最後CSSPeeper
還有一個檢視網頁中所有圖片的功能，能在下拉功能中顯示所有網頁圖片，將遊標移動到縮圖會顯示圖片檔名和尺寸，也能單獨匯出或一次匯出。
當你在CSSPeeper
開啟情況下點選網頁中的文字、鏈結、欄位或按鈕，就會偵測出該元件的樣式名稱、長寬、字型、字型大小、行高、對齊方向及顏色等資訊，對於想知道網頁中某個元件的屬性非常方便。
CSSPeeper 在操作上跟Fontface Ninja
感覺很類似，不過可以檢視各元件的「Inspector」功能非常實用!只要在開啟CSSPeeper
情況下去點選網頁內的元件，就能以視覺化方式瀏覽它各項資訊與設定值，相較於Google Chrome 內建的Inspector 來說會更直覺。
