Visual Inspector(前端重构+视觉走查辅助工具)插件简介
🌹 这个应用程序可以在 ChromeFK 或 Google Chrome 网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。
Visual Inspector(前端重构+视觉走查辅助工具)插件描述
## Visual Inspect > 这款插件可以高效的帮助前端工程师页面重构,高度视觉还原,也方便设计师UI走查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少大量和设计师的沟通成本。 > 可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风格的UI对比。 > 如果你在做页面重构,实时功能可以很方便的在页面刷新后恢复到页面刷新之前的状态(如设计稿的大小,位置,透明度等)。 > 同时,如果不需要移动拉伸设计稿了,建议打开冻结功能,这样设计稿将不再响应鼠标事件,不能拉伸和拖拽,这样不会影响页面本身的交互功能。 > 预置了常用命令的快捷键,更加方便的操作和比对 ### 新版(1.3.9+)去掉了测量功能,如果需要请安装测量插件,如 better ruler,https://chrome.google.com/webste/detail/betterruler/ilcnadaaninblgbekoaihdhoiecaflie, 支持吸附测量更方便。 ### 快捷键: h 键: 显示和隐藏图片 f 键: 显示和隐藏底部工具栏 d 键: 冻结和解冻图片 数字键(09):`设置图片透明度`。如:1秒内快速按下两次5,将设置图片55%的透明度。如果1秒内只按下了一次数字键,如5,一秒后将自动补0,即设置图片透明度为50%。 方向键:移动图片,一次移动1px。如果同时按下Shift键,将一次移动10px。 快速匹配 alt + 0 : 重置 alt + 1 : 原图大小 alt + 2 : 原图两倍 alt + 3 : 原图一半 alt + 4 : 窗口宽度 如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试
Visual Inspector(前端重构+视觉走查辅助工具)插件离线安装方法
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.下载 Visual Inspector(前端重构+视觉走查辅助工具)Chrome插件v1.6.8版本到本地。
5.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决
©软件著作权归作者所有;本站所有软件均来源于网络,仅供学习使用,请支持正版!