LOADING

Visual Inspector(前端重构+视觉走查辅助工具)

Visual Inspector(前端重构+视觉走查辅助工具)1.6.8

前端重构和视觉走查的辅助工具。## Visual Inspector> 这款插件可以高效的帮助前端工程师页面重构,高度视觉还原,也方便设计师UI走查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少大量和设计师的沟通成本。> 可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风

官方版无广告110

更新日期:2021年 8月 29日分类标签:语言:中文平台:

174KB 6 人已下载 手机查看

简介:
前端重构和视觉走查的辅助工具。## Visual Inspector> 这款插件可以高效的帮助前端工程师页面重构,高度视觉还原,也方便设计师UI走查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少大量和设计师的沟通成本。> 可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风格的UI对比。> 如果你在做页面重构,实时功能可以很方便的在页面刷新后恢复到页面刷新之前的状态(如设计稿的大小,位置,透明度等)。> 同时,如果不需要移动拉伸设计稿了,建议打开冻结功能,这样设计稿将不再响应鼠标事件,不能拉伸和拖拽,这样不会影响页面本身的交互功能。> 预置了常用命令的快捷键,更加方便的操作和比对### 新版(1.3.9+)去掉了测量功能,如果需要请安装测量插件,如 better ruler,https://chrome.google.com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie, 支持吸附测量更方便。### 快捷键:- 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 : 窗口宽度如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试

相关资源

Steam App Info Button
按下可打开用户当前游戏的 SteamDB 页面。用于发现 Valve 测试隐藏的应用程序!单击此扩展程序将加载 SteamDB,并显示您正在查看的 Steam 用户当前正在玩的游戏的所有可用信息。此扩展程序对于 Valve 员工的 Steam 配置文件特别有用,因为您将能够访问 SteamDB 以查看有关他们当前
Save Inspect
保存检查扩展和简单的无代码编辑!使用 chrome 的检查功能轻松编辑托管在 gitlab 上的现有网页。当您使用扩展保存更改时,它会通过提交更改来实时更新 git 文件。您还可以使用扩展创建新页面并将它们推送到 gitlab。
Vue.js devtools
用于调试 Vue.js 应用程序的浏览器 DevTools 扩展。用于调试 Vue.js 应用程序的 Chrome devtools 扩展。
IndexedDB cleaner
清除 HTML 5 IndexedDB 和缓存。构建离线应用程序?需要一个简单高效的工具来清理 IndexedDB 和缓存?这个扩展是给你的!它允许您清除 HTML 5 IndexedDB 和缓存(JS,...)。根据范围擦除当前 IndexedDB 并清除缓存。它非常简单快捷:无需复杂的配置,只需单击两次。查看
Grid Ruler
创建网格并轻松测量它们的距离。它允许您创建垂直和水平网格,Photoshop 风格。它也有一个标尺来测量网格之间的距离。 #如何使用: - 从主垂直/水平标尺拖动以创建网格。 - 点击垂直标尺和水平标尺的交叉点进入标尺模式。 - 在标尺模式下,按住 键以获得一条直线。
Tag Assistant Legacy 标签助手(旧版)
Tag Assistant 有助于解决各种 Google 标签的安装问题,包括 Google Analytics、Google Tag Manager 等。 Tag Assistant 可帮助您验证您是否在网页上正确安装了各种 Google 标签。只需导航到任何页面,Tag Assistant 就会告诉您哪些标签

暂无评论

暂无评论...