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

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: