![Visual Inspector(前端重构+视觉走查辅助工具)](/image/icon_large/jgimcbonbekgeahallgcmiibdidjeeim.jpg)
Visual Inspector(前端重构+视觉走查辅助工具)
3,000+ users
Developer: paul
Version: 1.6.8
Updated: July 26, 2022
![](/img/google_webstore.png)
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
alt 键: 重置 新版(1.3.9+)去掉了测量功能,如果需要请安装测量插件,如 0 预置了常用命令的快捷键,更加方便的操作和比对 可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风格的ui对比。 better > ruler,https://chrome.google.com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie, 原图两倍 同时,如果不需要移动拉伸设计稿了,建议打开冻结功能,这样设计稿将不再响应鼠标事件,不能拉伸和拖拽,这样不会影响页面本身的交互功能。 : - alt - f - - - visual 键: ## 4 alt 原图一半 > - 这款插件可以高效的帮助前端工程师页面重构,高度视觉还原,也方便设计师ui走查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少大量和设计师的沟通成本。 显示和隐藏图片 1 如果快捷键不起作用,请点击设计稿,或者页面空白处再试一试 > 2 快捷键: d > 支持吸附测量更方便。 ### - : - - 原图大小 冻结和解冻图片 窗口宽度 + + + inspector + : - h alt 键: 快速匹配 > - : 如果你在做页面重构,实时功能可以很方便的在页面刷新后恢复到页面刷新之前的状态(如设计稿的大小,位置,透明度等)。 数字键(0-9):`设置图片透明度`。如:1秒内快速按下两次5,将设置图片55%的透明度。如果1秒内只按下了一次数字键,如5,一秒后将自动补0,即设置图片透明度为50%。 : 3 ### 显示和隐藏底部工具栏 alt + 方向键:移动图片,一次移动1px。如果同时按下shift键,将一次移动10px。
Related
![Visual CSS Editor](http://myext.info/image/icon_large/cibffnhhlfippmhdmdkcfecncoaegdkh.jpg)
Visual CSS Editor
40,000+
![Better Ruler](http://myext.info/image/icon_large/ilcnadaaninblgbekoaihdhoiecaflie.jpg)
Better Ruler
30,000+
![FigmaCN](http://myext.info/image/icon_large/japkpjkpfdakpkbcehooampdjfgefndj.jpg)
FigmaCN
90,000+
![稀土掘金](http://myext.info/image/icon_large/lecdifefmmfjnjjinhaennhdlmcaeeeb.jpg)
稀土掘金
100,000+
![屏幕调整助手](http://myext.info/image/icon_large/ajgidahckhliegaonfgbialbcpcljach.jpg)
屏幕调整助手
1,000+
![FeHelper(前端助手)](http://myext.info/image/icon_large/pkgccpejnmalmdinmhkkfafefagiiiad.jpg)
FeHelper(前端助手)
200,000+
![Inspect CSS](http://myext.info/image/icon_large/fbopfffegfehobgoommphghohinpkego.jpg)
Inspect CSS
10,000+
![Analytics Inspector](http://myext.info/image/icon_large/dopkjjecbigomblmonkbbadicpbehdgh.jpg)
Analytics Inspector
744
![Code Cola](http://myext.info/image/icon_large/lomkpheldlbkkfiifcbfifipaofnmnkn.jpg)
Code Cola
20,000+
![Console Importer](http://myext.info/image/icon_large/hgajpakhafplebkdljleajgbpdmplhie.jpg)
Console Importer
10,000+
![AlloyDesigner](http://myext.info/image/icon_large/ojooeaohlmgpcjajikhmibcnbebfenid.jpg)
AlloyDesigner
4,000+
![Ajax Modifier](http://myext.info/image/icon_large/nhpjggchkhnlbgdfcbgpdpkifemomkpg.jpg)
Ajax Modifier
20,000+
![AliDownloader | Download AliExpress images](http://myext.info/image/icon_large/mbjikohjdmmhmmafgeigacodcgajeoge.jpg)
AliDownloader | Download AliExpress images
40,000+
![Favorites - New Tab Page](http://myext.info/image/icon_large/kjkbcegjfanmgocnecnngfcmmojheiam.jpg)
Favorites - New Tab Page
20,000+
![XSwitch](http://myext.info/image/icon_large/idkjhjggpffolpidfkikidcokdkdaogg.jpg)
XSwitch
20,000+
![CSS Peeper](http://myext.info/image/icon_large/mbnbehikldjhnfehhnaidhjhoofhpehk.jpg)
CSS Peeper
500,000+
![开发工具箱](http://myext.info/image/icon_large/mflanociobpenleccopmoanpdbcjcanm.jpg)
开发工具箱
10,000+
![Formily DevTools](http://myext.info/image/icon_large/kkocalmbfnplecdmbadaapgapdioecfm.jpg)
Formily DevTools
5,000+
![Designer Tools](http://myext.info/image/icon_large/jiiidpmjdakhbgkbdchmhmnfbdebfnhp.jpg)
Designer Tools
80,000+
![草料二维码-快速生码和解码工具](http://myext.info/image/icon_large/moombeodfomdpjnpocobemoiaemednkg.jpg)
草料二维码-快速生码和解码工具
30,000+
![二维码(QR码)生成器(QR Code Generator)](http://myext.info/image/icon_large/pflgjjogbmmcmfhfcnlohagkablhbpmg.jpg)
二维码(QR码)生成器(QR Code Generator)
30,000+
![Axure RP Extension for Chrome](http://myext.info/image/icon_large/dogkpdfcklifaemcdfbildhcofnopogp.jpg)
Axure RP Extension for Chrome
600,000+
![Color Picker](http://myext.info/image/icon_large/plkgncpmcodceeghncefaiohiekknelh.jpg)
Color Picker
10,000+
![Web Editor](http://myext.info/image/icon_large/pdmlhckofhkhebmcplblcijijgjiakcm.jpg)
Web Editor
10,000+