網友評分: 5.7分
Visual Inspector是一款可以替代Chrome F12查看網頁元素功能的瀏覽器插件,這款插件可以幫助開發者們更便捷的查看頁面的字體、顏色、盒子模型、及元素間的間距標注等參數,全是視覺化展示,這比代碼展示形式的F12工具更易觀看,是網頁設計師必備輔助工具之一。
查看/修改樣式、標注
點擊「INSPECT」按鈕(第2個)可以實時查看選中元素的盒子模型、樣式以及與其它元素的標注,尤其是查看鄰元素的間距標注功能,這個相當好用。而且, 除了查看還可以實時修改!
顏色
點擊第3個圖標(水滴icon)可以查看當前網站樣式的所有顏色。
圖像查看與導出
這個就實用了,如果一些網站禁止右鍵復制圖像,那么這功能就可以很方便的將其導出來。我們只需要點擊第4個相機按鈕,就可以想看當前頁面的所有圖片,并可以單獨導出來哦!
雖然我有100種方法我可以扣出網頁的圖片,但這個工具實在太方便了!
視覺化形式來查看元素的結構樣式,同時也可以修改
查看元素間的間距功能(超實用)
圖像導出功能,不僅是為了導出圖片,有時還想導出某個圖標。