LOADING

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

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

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

官方版无广告100

更新日期: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 : 窗口宽度如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试

相关资源

Form Tools
扩展开发人员工具以调试页面上的表单字段。创建一个面板来调试所有表单。将表单状态导出为 JSON。开发人员工具扩展面板,用于调试已检查页面的表单元素。此扩展在 chrome 开发人员工具中创建了一个附加面板,以显示表单输入和当前值的运行列表。对于调试表单数据元素很有用。查看隐藏的表单字段、下拉值、复选框等以及输入和
双击单词高亮
双击选中某个单词,页面内其他位置的该单词自动高亮,比如查找某个function定义,双击该function,页面内所有该function关键词自动高亮,码农看代码神器 ^_^双击选中某个单词,页面内其他位置的该单词自动高亮2021.08.04 支持显示匹配到的总数量2020.07.03 双击时额外选中的首尾空格不
Markdown Cheatsheet
此扩展显示降价备忘单这是方便的降价备忘单。现在你不应该记住任何降价标签并在网上冲浪找到它。只需单击此扩展程序,您就可以看到所有降价标签。如果我们经常使用 markdown,这是一个非常有用的扩展。更新: * v2.2.0 - 清单 v3 * v2.1.0 - 能够通过复制按钮复制文本特征: 2 个带有 Markd
Lovely for Trello
让 trello 更可爱一点 - 更低的对比度,更紧凑的布局,卡片背景匹配标签现在开放!分叉我们的回购:...让 trello 更可爱一点 - 更低的对比度,更紧凑的布局,卡片背景匹配标签现在开放! fork 我们的仓库:https://github.com/bigbadgoose/lovely-for-trel
WebApp Form Filler
自动填写您的 Web 应用程序中的表单。特别适合手动测试和开发。此工具允许组织描述如何填写或单击表单的规则。可以对规则进行排序、导出和导入 (json)。它带有一个选择工具来突出显示表单元素并自动获取可能的选择器。该软件是开源的,并在 MIT 许可下。 https://github.com/coeps-githu
Smart Websocket Client
帮助您测试 Websocket API 的调试工具Smart WebSocket Client 是 Google Chrome 的一个扩展,用于帮助测试您的 Web Socket 服务。 1. 输入您的 Web 套接字服务器的 URL。 2. 单击连接。 3. 输入请求文本,然后单击发送。 4. 扩展显示响应消息

暂无评论

暂无评论...