概述
前端重构和视觉走查的辅助工具。
## 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 : 窗口宽度 如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试
4.3 星(5 星制)10 个评分
Google 不会核实评价。 详细了解结果和评价。
hindu2024年2月1日
刷新后图片会丢失,我换这个了不错 https://chromewebstore.google.com/detail/pixok-%E5%89%8D%E7%AB%AF%E7%A0%94%E7%99%BC%E5%88%87%E5%9C%96%E8%BC%94%E5%8A%A9%E7%A5%9E%E5%99%A8/khobdjijiochmoombmndbjhlampfpggk
Brantley Michael2022年11月3日
怎么改版了之后,压根就没有界面(操作弹窗)了呢?
王joker2022年9月9日
今天刚安装, 插件很好用, 但是用了几次之后,“点击插入设计稿”按钮点击就没反应了
详情
- 版本1.6.8
- 上次更新日期2022年7月26日
- 提供方paul
- 大小174KiB
- 语言2 种语言
- 开发者
电子邮件通知
gp5251@qq.com - 非交易者该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。
隐私权
该开发者已声明,您的数据:
- 不会因未获批准的用途出售给第三方
- 不会为实现与产品核心功能无关的目的而使用或转移
- 不会为确定信用度或放贷目的而使用或转移
支持
若有任何疑问、建议或问题,请在桌面浏览器中打开此页面