chrome視覺查看器插件Visual Inspector

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

功能介紹：

查看/修改樣式、標注

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

顏色

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

圖像查看與導出

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

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

插件優(yōu)勢：

視覺化形式來查看元素的結構樣式，同時也可以修改

查看元素間的間距功能（超實用）

圖像導出功能，不僅是為了導出圖片，有時還想導出某個圖標。