CSS Scanner EN
InspectCss · EEdge MV3
Activate this extension to view CSS of any webpage or video site instantly in a popup.
<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。
截图
简介
Internet users require a simple method to perform CSS inspections across any website. Are you seeking an inspection tool for webpage and video site styles yet without needing Developer Tools? The lightweight browser extension CSS Scanner edge extension enables users to scan and inspect CSS styles on any webpage including video platforms starting from YouTube up to Vimeo and more platforms.
Click the extension button for hassle-free access to detailed CSS styles about any visible element through readable popups without coding experience.
Key Features
One-Click CSS Inspection- Click the extension icon and instantly get a popup showing CSS styles of elements on the current page.
Works on All Websites-Compatible with all webpages, including video platforms, blogs, and e-commerce sites.
Lightweight & Fast-No bloated interface or unnecessary steps — just clean, simple CSS visibility on the go.
User-Friendly Interface-Popup is neatly designed for easy readability and quick access to CSS details.
How to use in simple steps
Install the Extension: Go to the Edge Web Store, search for the "CSS Scanner Edge Extension," and add it to your browser. Pin the extension for easy access.
Activate the Extension: Open any webpage or video you'd like to inspect. Click on the extension icon and toggle the extension on.
Select an Element: Click on any element you want to inspect on the page. The extension will display a popup showing the CSS properties of that selected element.
View CSS Properties: In the popup, you'll see details such as width, height, padding, margin, display, position, z-index, background-color, color, font-family, font-size, border, and border-radius.
Who Should Use It
Web developers gain quick access to CSS either for design assessment or for issue resolution tasks. The styling elements of live websites can be studied by UI/UX designers who then replicate the designs. QA testers use their responsibility to maintain front-end consistency throughout all web pages. Students and learners can check how CSS appears live across various websites through this feature.
Why It Is Useful
Users can now check CSS styles directly on webpages by using this extension which removes the requirement to open the complete Developer Tools panel. The extension provides a fast minimal user experience with efficient functionality which makes it suitable for users who require quick styling data access.
CSS Scanner 是做什么的
CSS Scanner 是一款面向 Edge 的效率工具类扩展，主要用来管住注意力、屏蔽干扰站点、记录时间。官方对它的介绍是：Activate this extension to view CSS of any webpage or video site instantly in a popup.在微软 Edge 加载项商店上，它当前版本 1.0.0，约 15 名用户。
适合什么人用
从功能定位看，CSS Scanner 更适合想专注工作学习、减少无效刷网页的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。
怎么安装 CSS Scanner
- 打开微软 Edge 加载项商店上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
CSS Scanner 是免费的吗？
CSS Scanner 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
CSS Scanner 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
CSS Scanner 支持哪些浏览器？
当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 CSS Scanner？
在扩展管理页找到 CSS Scanner，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
站点访问（可选） 1
*://*/*
接口权限 2
notificationsstorage