Style Scope
Inspect and edit Tailwind CSS classes in real-time.
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
🚀 Tailwind / Bootstrap CSS Element Inspector & Live Class Editor (100% Free & Open-Source)
Tired of digging through developer tools just to find a simple CSS/SCSS class? The Style Scope is the essential Chrome Extension for every developer, designer, and student working with Tailwind CSS or Bootstrap. Edit utility classes in real-time, inspect the visual box model, and debug layouts faster than ever before.
Why You Need This Extension?
Lightning-Fast Debugging & Prototyping: Instantly click any element on the page and get immediate access to all its applied Tailwind / Bootstrap classes. No more slow context switching. Test new classes, remove old ones, and see your design updates instantly, making prototyping a breeze.
Visual Box Model Analysis: Get a clear, visual overlay of an element's margin (orange) and padding (green). Understand exactly where your spacing comes from and how it affects the layout.
Real-Time Class Management: The dedicated Classes Tab allows you to add, edit, or remove classes on the fly. Classes are automatically grouped by function (e.g., Typography, Layout, Colors) for quick identification and management.
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。
