chrome視覺查看器插件Visual Inspector

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

功能介紹：

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

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

顏色

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

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

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

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

插件優(yōu)勢：

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

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

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