CSS To Tailwind Chrome 插件, crx 扩展下载
Convert a website's styles to Tailwind CSS classes
Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.
Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Right click to copy the class names to clipboard
Features:
1. Hover an element to view its converted TailwindCSS Classes
2. Shows you which styles are missing from TailwindCSS
3. Copy just the class names or grab the entire element CSS styles
Short-comings:
1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account
| 分类 | 💻开发者工具 |
| 插件标识 | jlmlldiahhaejpjnonbddoniicdemakl |
| 平台 | Chrome |
| 评分 |
★★★★☆
4.2
|
| 评分人数 | 5 |
| 插件主页 | https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl |
| 版本号 | 2.2.1 |
| 大小 | 182KiB |
| 官网下载次数 | 3000 |
| 下载地址 | |
| 更新时间 | 2023-09-24 00:00:00 |
CRX扩展文件安装方法
第1步: 打开Chrome浏览器的扩展程序
第2步:
在地址栏输入： chrome://extensions/
第3步: 开启右上角的【开发者模式】
第4步: 重启Chrome浏览器 (重要操作)
第5步: 重新打开扩展程序管理界面
第6步: 将下载的crx文件直接拖入页面完成安装
注意：请确保使用最新版本的Chrome浏览器
同类插件推荐
Tailwind Cheat Sheet Extension
The Chrome Extension for Tailwind Cheat SheetChrom
Tailwind Color Picker
Tailwind Color Picker allows you to pick a pixel f
Tailwind Devtools
A sidebar pane for Tailwind CSS classesThis extens
Alpine.js devtools
DevTools extension for debugging Alpine.js applica
CSS To Tailwind
Convert a website's styles to Tailwind CSS cla
Tailwind UI React
Automatic translation of Tailwind UI components to
Gimli Tailwind
A DevTools extension enabling smart tools for Tail
Devtools for Tailwind CSS
Devtools for Tailwind CSSThe DevTools for Tailwind
HTML to React
The fastest and smartest way to analyze HTML eleme
Tailscan
Tailscan is the ultimate developer tool for Tailwi
Tailwind CSS Devtools
Tailwind CSS Developer ToolsAll-in-one browser ext
Windy
Convert any HTML on any website to TailwindCSSSpee
DivMagic - 复制样式
将任何网页中的元素复制为可重用的 Web 组件。获取 HTML、CSS、React、JSX 或 Ta