chrome視覺(jué)查看器插件Visual Inspector

Visual Inspector是一款可以替代chrome F12查看網(wǎng)頁(yè)元素功能的插件，這款插件可以幫助開(kāi)發(fā)者們更便捷的查看頁(yè)面的字體、顏色、盒子模型、及元素間的間距標(biāo)注等等，全是視覺(jué)化展示，這比代碼展示形式的F12工具更易觀看，是網(wǎng)頁(yè)設(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)出來(lái)。我們只需要點(diǎn)擊第4個(gè)相機(jī)按鈕，就可以想看當(dāng)前頁(yè)面的所有圖片，并可以單獨(dú)導(dǎo)出來(lái)哦！

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

插件優(yōu)勢(shì)：

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

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

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