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

A helper tool for fast front-end development and visual inspection.

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

Visual Inspector is a highly resourceful Chrome extension that lends a hand in front-end development and visual inspections. It aids designers and developers in quick detection of differences between mockups and actual web pages. The extension allows changes in design elements like size, positioning, and transparency for easy comparison. It offers real-time recall abilities before a page refresh, a freeze function for design stability, and preset shortcuts. Note: The ruler function is removed in versions 1.3.9 and above.

Download

Extension stats

By: paul

View on Chrome Web Store

Users: 3,000+

Rating: 4.30 (10)

Version: 1.6.8 (Last updated: 2022-07-26)

Creation date: 2020-04-04

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

unlimitedStorage
storage
activeTab

Size: 178.18K

Email: gp*****@qq.com

Ranking

# 18454 ▼ 54

Other rankings

#211 in Developer Tools #158 in function keyword 5 ▼ 2 #211 in position keyword 18 #255 in size keyword 9 ▲ 2

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Visual Inspector

This is a chrome plugin to help front-end engineers and designers to quickly locate differences between design mockups and web pages. as well as front-end engineers UI self-examination, reducing the cost of communication with designers.

You can modify the size, position, transparency, mix mode of the design manuscript at will, to facilitate UI comparison of various design styles.

If you are doing page refactoring, the real-time function can be easily restored to the state before the page is refreshed after the page is refreshed (such as the size, position, transparency, etc. of the design draft).

At the same time, if you do not need to move the stretch design, it is recommended to open the freeze function, so that the design will no longer respond to mouse events, can not stretch and drag, and will not affect the interactive function of the page itself.

Preset shortcuts for frequently used commands for easier operation and comparison

New version(1.3.9+) removed ruler. for those who need this functionality, please install a ruler such as better ruler, which supports snapping elements.

shortcut keys:

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

很方便设计师走查
不错，ui对比很方便
插件很好用

Cons

刷新后图片会丢失
改版后没有界面（操作弹窗）
‘点击插入设计稿’按钮无反应
暗色遮罩影响视觉体验

Most mentioned

很好用
很方便
没有界面（操作弹窗）

User reviews

刷新后图片会丢失，我换这个了不错 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