Visual Inspector是一款可以替代Chrome F12查看网页元素功能的浏览器插件这款插件可以帮助开发者们更便捷的查看页面的字体、颜色、盒子模型、及元素间的间距标注等参数，全是视觉化展示这比代码展示形式的F12工具更易观看，是网页设计师必备辅助工具之一

　　查看/修改样式、标注

　　点击「INSPECT」按钮（第2个）可以实時查看选中元素的盒子模型、样式以及与其它元素的标注，尤其是查看邻元素的间距标注功能这个相当好用。而且 除了查看还可以实時修改！

　　点击第3个图标（水滴icon）可以查看当前网站样式的所有颜色。

　　这个就实用了如果一些网站禁止右键复制图像，那么这功能就可以很方便的将其导出来我们只需要点击第4个相机按钮，就可以想看当前页面的所有图片并可以单独导出来哦！

　　虽然我有100种方法我可以扣出网页的图片，但这个工具实在太方便了！

　　视觉化形式来查看元素的结构样式同时也可以修改

　　查看元素间的间距功能（超实用）

　　图像导出功能，不仅是为了导出图片有时还想导出某个图标。