LOADING

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

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

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

官方版无广告90

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

174KB 4 人已下载 手机查看

简介:
前端重构和视觉走查的辅助工具。## 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 : 窗口宽度如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试

相关资源

Code Beautifier (JS, CSS, HTML)
适用于浏览器的精简免费 JavasScript、CSS 和 HTML 美化器。 Code Beautifier,是一个扩展程序,可让您轻松美化浏览器中的代码。此插件支持 JavaScript、CSS 和 HTML 作为输入语言。您可以通过 UI(左上角)的 (+) 按钮浏览文件,也可以将文件拖放到左侧文本区域。优
Clear Browser Data
无需转到浏览器设置即可清除浏览器数据。选择什么和从什么时候开始消除。此扩展程序允许您一键选择和清除所有类型的浏览器数据。它还允许您选择自应删除数据以来的时间。 ✔ 一键清除所有类型的浏览器数据。 ✔ 选择要清除的内容。 ✔ 选择从何时清除数据。 ✔ 清除数据时显示进度(动画加载器)。 ✔ 清除数据后显示成功消息。
Run Force.com SOQL Paginated
此扩展允许您查询当前登录的 Force.com 组织。显示带有搜索框和分页的结果请注意: ** 如果以 Excel/PDF 格式下载无效,请单击以下链接为 Adob​​e flash 播放器设置标记“始终允许”。 http://www.macromedia.com/support/documentation/en
Usability Hike: Find usability problems
针对使网页难以使用的常见可用性问题测试网页。此扩展程序旨在成为一种快速简便的工具,用于发现一些潜在的视觉问题,这些问题可能会给您的访问者带来挫折感和困惑。它提供了一个直观的可视化报告,其中包含有关每个突出问题的信息以及有关如何解决问题的建议。涵盖的测试: - 断开的链接- 描述性链接标签- 微小的可点击区域- 分
GitHub Pages View Source
将查看 GitHub 上的源代码按钮添加到任何 GitHub 页面(使用 `github.io`)域的omnibar。
WebAnalyzer
免费页面速度测试工具Web-Analyzer 是一个简单而强大的网站性能帮助您了解表现不佳的监控工具指标。它提供简单而强大的变更分析,前端代码分析,您网站的安全威胁和漏洞。

暂无评论

暂无评论...