CSS Viewer – 检查并复制 CSS
Lakeside Digital · EEdge MV3
查看并复制任意网站上任意元素的 CSS。悬停即可检查,点击即可复制。免费、无限制、无需账号。
简介
查看任意网站上任意元素背后的 CSS。悬停即可检查,点击即可复制。免费版:无限次检查和复制,无需账号。Pro:$8.99 一次性付款,无需订阅。
功能
浏览器的开发者工具会显示所有内容,包括数百个继承值和默认值。CSS Viewer 只显示与该标签的浏览器默认值不同的计算值,显示在光标旁的小面板中。复制精简的规则集免费且不限次数。
使用方法
1. 点击工具栏图标,然后点击“开始检查”。
2. 将鼠标移到页面上的任意内容。面板显示布局、排版和盒模型属性,不含浏览器默认值。颜色以 hex 值显示,并附带色块。
3. 点击即可复制样式。按 Esc 停止。
免费版
• 在任意网站上悬停检查
• 带简短选择器的 CSS 规则集
• 面板顶部显示尺寸和选择器
• 用于开始和停止的键盘快捷键
PRO($8.99,终身)
• 一键将任意元素复制为 Tailwind 类
• 固定多个面板,并排对比元素
• 页面调色板:页面使用的所有颜色和字体,一键复制
• 包含未来所有 Pro 功能
隐私
所有操作都在你的浏览器中完成。扩展程序只读取你正在检查的页面,且仅在你启动后读取。唯一存储的数据是你购买 Pro 时输入的邮箱地址,仅用于验证购买。
CSS Viewer – 检查并复制 CSS 是做什么的
CSS Viewer – 检查并复制 CSS 是一款面向 Edge 的实用工具类扩展,主要用来解决浏览器里某类具体的小问题。官方对它的介绍是:查看并复制任意网站上任意元素的 CSS。悬停即可检查,点击即可复制。免费、无限制、无需账号。在微软 Edge 加载项商店上,它当前版本 1.0.2,约 4 名用户。
适合什么人用
从功能定位看,CSS Viewer – 检查并复制 CSS 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。
怎么安装 CSS Viewer – 检查并复制 CSS
- 打开微软 Edge 加载项商店上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
CSS Viewer – 检查并复制 CSS 是免费的吗?
CSS Viewer – 检查并复制 CSS 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
CSS Viewer – 检查并复制 CSS 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
CSS Viewer – 检查并复制 CSS 支持哪些浏览器?
当前收录的版本来自微软 Edge 加载项商店,适用于 Edge。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 CSS Viewer – 检查并复制 CSS?
在扩展管理页找到 CSS Viewer – 检查并复制 CSS,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
接口权限 3
activeTabscriptingstorage