Ryan's ZZaplin
大小:2.14MiB版本:v 1.4.2更新时间:2021-12-21
Layout visualizer like a Zeplin
Ryan's ZZaplin 的使用方法详解,最全面的教程
Ryan's ZZaplin 描述:
用户数:18
分类:开发者工具插件
扩展大小:2.14 MiB
最后更新时间:2021-12-21
版本:v 1.4.2
Ryan's ZZaplin 插件简介:
这是来自Chrome商店的 Ryan's ZZaplin 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Ryan's ZZaplin插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Ryan's ZZaplin插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/짭플린(ZZapin)은 페이지 내의 레이아웃과 요소간의 거리를 쉽게 볼 수 있게 만든 확장 프로그램입니다.
It is an extension program that makes it easy to see the layout within the page and the distance between elements.
:: Release Note
1.1 : 버그 수정 및 UI 개선, window resize에 대응
1.2 : B키를 통해 DOM 객체 수와 태그 목록 볼 수 있는 기능 추가
1.3 : on/off 기능 추가 및 버그 수정
1.3.1 : 콘솔에 찍히는 불린값 제거
1.3.2 :
- fixed class 명 변경 (css 충돌 해결)
- clear키 연타시에 적용되지 않던 부분 수정
- 페이지 레이아웃 input요소 안에서는 작동 안하게 수정
- 이제 T버튼으로 on/off toggle이 가능합니다.
- POPUP 가독성 확보
1.3.3:
- 토글(T)버튼 삭제.
1.4 :
- 마진과 패딩의 px 박스가 좀 더 자연스러운 위치로 이동했습니다.
- style에 display와 flex, fontFamily 가 추가되었습니다.
- 이제 infoBox에서 클래스명도 확인이 가능합니다.
1.4.1:
- 클리어 버튼(C)로 레이아웃 가이드라인(B)도 제거가 가능합니다.
1.4.2:
class 겹침 이슈로 타 사이트 레이아웃이 깨지는 이슈 수정했습니다.(ex. Medium)
----------------------------
많은 피드백 부탁드립니다!