Visual Inspector是一款可以替代Chrome F12查看網(wǎng)頁元素功能的瀏覽器插件，這款插件可以幫助開發(fā)者們更便捷的查看頁面的字體、顏色、盒子模型、及元素間的間距標(biāo)注等參數(shù)，全是視覺化展示，這比代碼展示形式的F12工具更易觀看，是網(wǎng)頁設(shè)計(jì)師必備輔助工具之一。

【功能介紹】

　　查看/修改樣式、標(biāo)注

　　點(diǎn)擊「INSPECT」按鈕（第2個(gè)）可以實(shí)時(shí)查看選中元素的盒子模型、樣式以及與其它元素的標(biāo)注，尤其是查看鄰元素的間距標(biāo)注功能，這個(gè)相當(dāng)好用。而且， 除了查看還可以實(shí)時(shí)修改！

　　顏色

　　點(diǎn)擊第3個(gè)圖標(biāo)（水滴icon）可以查看當(dāng)前網(wǎng)站樣式的所有顏色。

　　圖像查看與導(dǎo)出

　　這個(gè)就實(shí)用了，如果一些網(wǎng)站禁止右鍵復(fù)制圖像，那么這功能就可以很方便的將其導(dǎo)出來。我們只需要點(diǎn)擊第4個(gè)相機(jī)按鈕，就可以想看當(dāng)前頁面的所有圖片，并可以單獨(dú)導(dǎo)出來哦！

　　雖然我有100種方法我可以扣出網(wǎng)頁的圖片，但這個(gè)工具實(shí)在太方便了！

【特色介紹】

　　視覺化形式來查看元素的結(jié)構(gòu)樣式，同時(shí)也可以修改

　　查看元素間的間距功能（超實(shí)用）

　　圖像導(dǎo)出功能，不僅是為了導(dǎo)出圖片，有時(shí)還想導(dǎo)出某個(gè)圖標(biāo)。