CSS Scanly - CSS 检查器与网页设计工具
Rovelin · EEdge MV3
检查 CSS、HTML、Tailwind 和 Bootstrap 类。实时编辑样式，查看字体与颜色，轻松复制元素代码。
<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。
截图
简介
CSS Scanly：实时检查、分析与编辑 CSS
体验 CSS Scanly 带来的强大高级 CSS 检查与实时编辑功能，这是专为 Web 开发者、设计师和前端爱好者打造的必备利器。本扩展彻底改变了您与网页样式的交互方式，为您在任意网站上探索与修改 CSS 提供了直观且功能丰富的环境。
核心功能：
1. 实时 CSS 扫描
• 悬停在任意元素上，即可立即查看其应用的全部样式
• 查看计算样式（Computed Styles），包括来自外部样式表与内联 CSS 的属性
• 无需离开当前页面即可查看伪类（pseudo-class）样式等
2. 交互式 CSS 编辑
• 实时在线修改 CSS 属性，即刻直观预览改动效果
• 随意尝试各种样式，完全不会影响原网页实际内容
• 原型设计与快速排查排版样式的完美助手
3. 框架智能检测
• 自动识别并高亮显示 Bootstrap 与 Tailwind CSS 类名
• 深入了解流行框架在各类优秀网站上的实际应用技巧
4. 可图钉固定（Pin）的 CSS 信息框
• 支持将多个 CSS 信息浮窗固定在屏幕上，方便对比
• 同时分析不同元素样式的绝佳方案
5. 一键复制到剪贴板
• 单击即可快速复制任意 CSS 样式代码
• 轻松将样式应用到您的实际项目中，大幅提升工作效率
6. 媒体查询（Media Queries）展示
• 查看当前生效的媒体查询，助力响应式网页设计分析
• 轻松掌握样式在不同屏幕尺寸下的变化逻辑
7. 简洁友好的用户界面
• 直观易用的控制栏，方便切换与管理工具
• 支持快捷键操作，进一步提升工作效率
8. 高度自定义的使用体验
• 根据需要随时暂停和恢复扫描器
• 可将控制栏自由拖动到屏幕任意合适位置
适用人群：
• 需要快速排查和调试 CSS 样式的 Web 开发者
• 希望分析并从其他优秀网站汲取灵感的设计师
• 正在学习网页设计与 CSS 的学生及初学者
• 验证样式与界面还原度的 QA 测试人员
• 对各类网站精美样式幕后代码充满好奇的每个人
使用 CSS Scanly，让您的 Web 开发与设计流程更高效、更专业！
立即下载，开启前所未有的 CSS 探索之旅！
CSS Scanly - CSS 检查器与网页设计工具 是做什么的
CSS Scanly - CSS 检查器与网页设计工具 是一款面向 Edge 的实用工具类扩展，主要用来解决浏览器里某类具体的小问题。官方对它的介绍是：检查 CSS、HTML、Tailwind 和 Bootstrap 类。实时编辑样式，查看字体与颜色，轻松复制元素代码。在微软 Edge 加载项商店上，它当前版本 1.3，约 197 名用户。
适合什么人用
从功能定位看，CSS Scanly - CSS 检查器与网页设计工具 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。
怎么安装 CSS Scanly - CSS 检查器与网页设计工具
- 打开微软 Edge 加载项商店上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
CSS Scanly - CSS 检查器与网页设计工具 是免费的吗？
CSS Scanly - CSS 检查器与网页设计工具 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
CSS Scanly - CSS 检查器与网页设计工具 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
CSS Scanly - CSS 检查器与网页设计工具 支持哪些浏览器？
当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 CSS Scanly - CSS 检查器与网页设计工具？
在扩展管理页找到 CSS Scanly - CSS 检查器与网页设计工具，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
站点访问（可选） 1
<all_urls>
接口权限 5
activeTabclipboardWritecontextMenusscriptingstorage
接口权限（可选） 1
webRequest