CSS Debugger
Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
This extension, is designed to simplify CSS debugging and layout inspection. It instantly adds colorful outlines to HTML elements, making it easy to visualize and identify different elements on a webpage.
The extension solves the common problem of struggling to understand the structure and layout of a website. Instead of manually inspecting elements in the browser's developer tools, this extension provides a quick visual overview of the page's underlying structure.
When the extension's icon is clicked, it injects a script into the current tab that toggles the CSS outlines. The script uses predefined color mappings for different HTML elements, and it dynamically generates and injects CSS rules to apply the outlines.
It functions similarly to the old Pesticide extension but is compatible with Manifest V3. The source code contains no third-party dependencies.
🌐 Open source repository: https://github.com/aydgn/css-debugger-extension
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。