Plugin Icon

Tailwind Inspector Chrome 插件, crx 扩展下载

Plugin Screenshot
                    

Easily inspect and edit Tailwind CSS classes on web pages for rapid prototyping and debugging

Elevate your Tailwind CSS workflow with Tailwind Inspector, the essential free Chrome extension for developers. Streamline your design process and debug with ease, all within your browser. ? Check out our demo and learn more at https://interviewbotai.com/ Key Features: ? Visual Editor in Browser Add, remove, or modify Tailwind classes directly in Chrome Works with arbitrary classes and those purged during build time Compatible with any website, not just your own projects ? Easy Copy Functionality Copy class lists or entire elements with your modifications to clipboard ? Layout Assistance Guidelines and computed regions for precise element alignment Easily view Tailwind margin, padding values, and element sizes ? Smart Autocompletion Get class suggestions as you type View resulting CSS and class previews ? Tailwind Component Converter Automatically convert any element to a Tailwind CSS component Matches CSS styling to Tailwind classes Uses arbitrary values when exact conversion isn't possible ? 100% Free All features available at no cost No license key required Getting Started Install Tailwind Inspector from the Chrome Web Store Navigate to any website Open Chrome DevTools and find the Tailwind Inspector tab Start inspecting and modifying Tailwind classes! For support or questions, reach out to us at [email protected] Tailwind Inspector: Empowering your Tailwind CSS development, for free

分类 💻开发者工具
插件标识 blagciflpamngndolgmkfgicnfoamfok
平台 Chrome
评分
★★★★☆ 4.6
评分人数 191
插件主页 https://chromewebstore.google.com/detail/tailwind-inspector/blagciflpamngndolgmkfgicnfoamfok
大小 956KiB
官网下载次数 97
下载地址

CRX扩展文件安装方法

第1步: 打开Chrome浏览器的扩展程序

第2步: 在地址栏输入: chrome://extensions/

第3步: 开启右上角的【开发者模式】

第4步: 重启Chrome浏览器 (重要操作)

第5步: 重新打开扩展程序管理界面

第6步: 将下载的crx文件直接拖入页面完成安装

注意:请确保使用最新版本的Chrome浏览器

同类插件推荐