Tailscan là gì?

Tailscan là một tiện ích mở rộng Chrome được phát triển bởi https://tailscan.com, và tính năng chính của nó là "Tailscan is the ultimate developer tool for Tailwind CSS".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Tailscan

Tải xuống các tệp mở rộng Tailscan dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

The ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually with Tailscan, right within the browser.

💡Check the demo video on https://tailscan.com

✨ Visual editor in the browser
Add, remove or modify Tailwind classes in the browser. Even arbitrary classes or those purged during build time. Also works on any website, not just your own. You'll have the full power of Tailwind directly in the browser!

🔮 Copy element or class list
Easily copy the class list or the entire element with the class changes you made to your clipboard.

📐 Guidelines and computed regions
Check element alignment, Tailwind margin or padding values for each element or the element size easily with Guidelines and Computed Regions.

📱 Autocompletion
Tailscan will suggest the right classes for you as you type, show the resulting CSS and if relevant, show a preview of that class.

🔁 Convert any element to a Tailwind component
Tailscan can automatically convert any element to a Tailwind CSS component. It will match all the CSS styling to Tailwind classes and use arbitrary values if 1:1 conversion is not possible.

🔎 You can try Tailscan on the website https://tailscan.com. To use Tailscan on other websites, you need a license key (paid).

For questions or support, feel free to email at [email protected]

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Tailscan
ID	ehlgpljoffpijelfiegjpkfanlfhgeae
URL Chính Thức	https://chromewebstore.google.com/detail/tailscan/ehlgpljoffpijelfiegjpkfanlfhgeae
Mô tả	Tailscan is the ultimate developer tool for Tailwind CSS
Kích Thước Tệp	1.91 MB
Số Lần Cài Đặt	1,100
Phiên Bản Hiện Tại	2.1.0
Cập Nhật Lần Cuối	2024-03-05
Ngày Phát Hành	2022-10-25
Đánh Giá	4.27/5 Tổng số 11 Đánh Giá
Nhà Phát Triển	https://tailscan.com
Email	[email protected]
Loại Thanh Toán	in_app
Trang Web Mở Rộng	https://tailscan.com
URL Trang Trợ Giúp	https://tailscan.com/support
URL Trang Chính Sách Bảo Mật	https://tailscan.com/legal/privacy
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Tailscan", "version": "2.1.0", "description": "Tailscan is the ultimate developer tool for Tailwind CSS", "background": { "service_worker": "background.js", "type": "module" }, "manifest_version": 3, "author": "Tailscan", "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "content.js", "devtoolsCore.js" ] } ], "devtools_page": "devtools.html", "permissions": [ "contextMenus", "storage", "scripting", "activeTab", "declarativeNetRequestWithHostAccess" ], "web_accessible_resources": [ { "resources": [ "content.html", "content.js", "output.css", "\/dist\/", "tailwindcss.worker.js", "\/img\/" ], "matches": [ "http:\/\/\/", "https:\/\/\/" ] } ], "host_permissions": [ "https:\/\/\/", "http:\/\/\/" ], "action": { "default_icon": { "16": "tailscan-logo-16.png", "32": "tailscan-logo-32.png" }, "default_title": "Press Ctrl(Win)\/Command(Mac)+Shift+X to open Tailscan" }, "icons": { "16": "tailscan-logo-16.png", "32": "tailscan-logo-32.png", "48": "tailscan-logo-48.png", "128": "tailscan-logo-128.png" }, "commands": { "launch-tailscan": { "suggested_key": { "default": "Ctrl+Shift+X", "mac": "Command+Shift+X" }, "description": "Launch Tailscan" } } }