墨斗(Visual Inspector)

开发者工具插件用户量: 6大小: 0.75MiB版本: v 1.0.1更新时间: 2021-01-04
用户量:6大小:0.75MiB版本:v 1.0.1更新时间:2021-01-04

UI开发、走查辅助工具

墨斗(Visual Inspector) 的使用方法详解,最全面的教程


墨斗(Visual Inspector) 描述:

用户数:6

分类:开发者工具插件

扩展大小:0.75M

最后更新时间:2021-01-04

版本:v 1.0.1


墨斗(Visual Inspector) 插件简介:

这是来自Chrome商店的 墨斗(Visual Inspector) 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。


墨斗(Visual Inspector)插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。


墨斗(Visual Inspector)插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,

完成安装如有其它安装问题,

请扫描网站底部二维码与客服联系如有疑问请参考:

https://www.extfans.com/installation/
前端同学在开发页面过程中由于诸多人为因素产生误差,对像素级别的误差并无强烈感知,直到开发结束设计师用图片对比或“像素眼”时才能发现误差,这个时候再去修正误差会难上加难,“拆东墙补西墙”的感受想必大家都懂!由此我联想到装修师傅在开工前会在墙上弹出好多根黑色的墨线来标记位置,此开发辅助工具的灵感便来源于此工具,故名墨斗。通过此工具,可以在开发过程中实时反馈像素级误差、提示样式代码及开发完成辅助UI走查相关工作,从而提升开发效率。 使用步骤 1.Sketch Measure插件导出html文件 2.Chrome插件上传Sketch Html导出的文件 3.点击RUN计算误差 快捷键 1.长按Shift + s显示Sketch 2.长按Shift + i显示涂层 The front-end classmates caused errors due to multiple human factors during the development of the page, and almost did not perceive the error of the variable level. It was not until the end of the development that the designer found the error when using picture comparison or "wrong eyes". At this time, it would be difficult to correct the error. Adding to the difficulties, everyone knows the feeling of "removing the east wall to make up the west wall"! This way I think that the decorator will open a lot of black ink lines to mark the position before the start of the work. The inspiration for this development aid tool is through this tool, which can feedback the conversion level error in real time during the development process, prompt the style code and development completion Assist UI walkthrough related work to improve development efficiency Steps for usage 1.Sketch Measure plug-in export html file 2. The Chrome plug-in uploads the files exported by Sketch Html 3. Click RUN to calculate the error hot key 1. Long press Shift + s to display Sketch 2. Long press Shift + i to display the coating This Plugin is developed based on opensource code htmlburger/pixelparallel Thanks for contribution,Please contact me if necessary

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 82762bea5 on 3/10/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
The Facebook Pixel Helper is a troubleshooting tool that helps you validate your pixel implementation.
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
back top top
back top top