Visual Inspector-chrome视觉查看器 v1.6.7
插件简介:Visual Inspector插件功能强大,简单易用,可以帮助开发者们更便捷的查看页面的字体、颜色、盒子模型、及元素间的间距标注等参数,全是视觉化展示,这比代码展示形式的F12工具更易观看
插件功能介绍
这款插件可以高效的帮助前端工程师页面重构,高度视觉还原,也方便设计师UI走查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少大量和设计师的沟通成本。
可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风格的UI对比。
如果你在做页面重构,实时功能可以很方便的在页面刷新后恢复到页面刷新之前的状态(如设计稿的大小,位置,透明度等)。
同时,如果不需要移动拉伸设计稿了,建议打开冻结功能,这样设计稿将不再响应鼠标事件,不能拉伸和拖拽,这样不会影响页面本身的交互功能。
预置了常用命令的快捷键,更加方便的操作和比对
快捷键介绍
- h 键: 显示和隐藏图片
- f 键: 显示和隐藏底部工具栏
- d 键: 冻结和解冻图片
- 数字键(0-9):`设置图片透明度`。如:1秒内快速按下两次5,将设置图片55%的透明度。如果1秒内只按下了一次数字键,如5,一秒后将自动补0,即设置图片透明度为50%。
- 方向键:移动图片,一次移动1px。如果同时按下Shift键,将一次移动10px。
- 快速匹配
- alt + 0 : 重置
- alt + 1 : 原图大小
- alt + 2 : 原图两倍
- alt + 3 : 原图一半
- alt + 4 : 窗口宽度
下载地址:
**** Hidden Message *****
页:
[1]