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

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

Featured
4.3(

10 ratings

)
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

前端重构和视觉走查的辅助工具。

## 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 out of 510 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

PixOKJan 28, 2024

try PixOK? https://chromewebstore.google.com/detail/khobdjijiochmoombmndbjhlampfpggk

1 person found this review to be helpful

Details

  • Version
    1.6.8
  • Updated
    July 26, 2022
  • Offered by
    paul
  • Size
    174KiB
  • Languages
    2 languages
  • Developer
    Email
    gp5251@qq.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Inspect CSS

4.3(11)

The easiest way to inspect and edit CSS

Analytics Inspector

5.0(5)

Analytics Inspector, by true-metrics.com provide an easy way to validate web analytics and marketing integration.

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Console Importer

4.7(17)

Import JavaScript and CSS resources from console, with one command

Visual CSS Editor

4.2(84)

Customize any website visually.

开发工具箱

4.9(15)

常用小工具集合于一身,为我们的工作带来了福音。

Better Ruler

4.8(47)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

FigmaCN

4.7(36)

中文 Figma 插件,设计师人工翻译校验。

PixEye-还原度走查工具

5.0(3)

RELAAAY设计协作平台推出的「设计还原度走查」提效工具

稀土掘金

3.6(341)

为程序员、设计师、产品经理每日发现优质内容。

屏幕调整助手

3.7(6)

一键更改屏幕的大小,更改浏览器窗口的大小以模拟不同的屏幕分辨率。

FeHelper(前端助手)

4.7(320)

JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

Inspect CSS

4.3(11)

The easiest way to inspect and edit CSS

Analytics Inspector

5.0(5)

Analytics Inspector, by true-metrics.com provide an easy way to validate web analytics and marketing integration.

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Console Importer

4.7(17)

Import JavaScript and CSS resources from console, with one command

Visual CSS Editor

4.2(84)

Customize any website visually.

开发工具箱

4.9(15)

常用小工具集合于一身,为我们的工作带来了福音。

Better Ruler

4.8(47)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

FigmaCN

4.7(36)

中文 Figma 插件,设计师人工翻译校验。

Google apps