Tailwind Devtools Inspector
大小:192KiB版本:v 1.0.5更新时间:2021-12-21
Tailwind Devtools for Chrome - by Buglink and ReDevtools
Tailwind Devtools Inspector 的使用方法详解,最全面的教程
Tailwind Devtools Inspector 描述:
用户数:469
分类:开发者工具插件
扩展大小:192 KiB
最后更新时间:2021-12-21
版本:v 1.0.5
Tailwind Devtools Inspector 插件简介:
这是来自Chrome商店的 Tailwind Devtools Inspector 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Tailwind Devtools Inspector插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Tailwind Devtools Inspector插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/This version is deprecated.
The new version is more powerful, does not need to be installed and it is already available from your console.
Check it out at https://www.redevtools.com/blog/tailwind-devtools-inspector-how-to-quickly-edit-tailwind-classes-and-apply-tailwind-templates/
[NEW VERSION - 2021-02-23]
- Fix inspection bug (sometime the tool inspected a new element when clicking on the popup)
- added a preset to align children of an element vertically: p:center-children-vertically
[NEW VERSION - 2021-02-06]
- Added support for SVG elements
[NEW VERSION - 2021-02-04]
- Added new feature so you can quickly move to parents and children elements (see https://youtu.be/J98f4oaE6zg)
- Fix a bug when working with tailwind color classes
- Minor bug fixes
[BETA]
Tailwind is a great technology, but Chrome does not suggest Tailwind classes :-(
Moreover, if you used to work with Bootstrap in the past, there are plenty of classes that let you style whole components at once.
With Tailwind Devtools Inspector you can:
- inspect elements and add tailwind classes with auto-suggestion;
- live preview of class changes
- use tailwind templates (presets) to apply multiple classes at once
More at https://www.redevtools.com/blog/tailwind-devtools-inspector-how-to-quickly-edit-tailwind-classes-and-apply-tailwind-templates/