PixelTool
大小：23.5KiB版本：v 1.1更新时间：2021-12-21
Allows you to overlay a design to improve the precision of frontend development
PixelTool 的使用方法详解,最全面的教程
PixelTool 描述：
用户数：214
分类：开发者工具插件
扩展大小：23.5 KiB
最后更新时间：2021-12-21
版本：v 1.1
PixelTool 插件简介：
这是来自Chrome商店的 PixelTool 浏览器插件，您可以在当前页面下载它的最新版本安装文件，并安装在Chrome、Edge等浏览器上。
PixelTool插件下载方法/流程：
点击下载按钮，关注“扩展迷Extfans”公众号并获取验证码，在网页弹窗中输入验证码，即可下载最新安装文件。
PixelTool插件安装教程/方法：
(1)将扩展迷上下载的安装包文件（.zip）解压为文件夹，其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面，
完成安装如有其它安装问题，
请扫描网站底部二维码与客服联系如有疑问请参考：
https://www.extfans.com/installation/Overlay a design on a webpage for easily following a wireframe or design when developing.
This extension comes with an easy to use UI thats sits out of the way as a dev-tools panel. It allows a developer or designer to add a transparent image over real HTML in order to assisting in writing html structure and css that is close to designs or wireframes.
Features
- Adjustable opacity.
- Sits out of the way in Dev-tools panel
- Easy to use UI
- Real time opacity and positioning for images
Usage
- Open Dev-tools, a new panel called PixelTool will be created, select this.
- Upload the image you wish to overlay.
- Click Overlay image.
- Adjust the X and Y axis and the opacity in real time.
By Spencer Walden @ www.spencer-walden.com
