CSS To Tailwindคืออะไร?

CSS To Tailwind เป็นส่วนขยายของ Chrome ที่พัฒนาโดย iamnyasha และคุณลักษณะหลักของมันคือ "Convert a website's styles to Tailwind CSS classes"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย CSS To Tailwind

ดาวน์โหลดไฟล์ส่วนขยาย CSS To Tailwind ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

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

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	CSS To Tailwind
ID	jlmlldiahhaejpjnonbddoniicdemakl
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
คำอธิบาย	Convert a website's styles to Tailwind CSS classes
ขนาดไฟล์	182 KB
จำนวนการติดตั้ง	3,905
เวอร์ชันปัจจุบัน	2.2.1
อัปเดตครั้งล่าสุด	2023-09-24
วันที่เผยแพร่	2021-06-08
คะแนน	3.85/5 รวมทั้งหมด 20 คะแนน
ผู้พัฒนา	iamnyasha
อีเมล	[email protected]
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "icons": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" }, "manifest_version": 3, "action": { "default_icon": { "16": "icon16.plasmo.6c567d50.png", "32": "icon32.plasmo.76b92899.png", "48": "icon48.plasmo.aced7582.png", "64": "icon64.plasmo.8bb5e6e0.png", "128": "icon128.plasmo.3c1ed2d2.png" } }, "version": "2.2.1", "author": "Richard Kaseke. ", "name": "CSS To Tailwind", "description": "Convert a website's styles to Tailwind CSS classes", "background": { "service_worker": "static\/background\/index.js" }, "permissions": [ "storage" ], "content_scripts": [ { "matches": [ "" ], "js": [ "content.06af5f40.js" ], "css": [] } ], "host_permissions": [ "https:\/\/\/" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "content.e2b1d2ad.css" ] } ] }