跳到主要内容
CSSGibbon: CSS Inspector

CSSGibbon: CSS Inspector EN

xTabL0gic · Edge MV3

inspect the CSS and HTML structure of any webpage instantly!

7用户 v1.0.0.1当前版本
权限提示 该扩展申请访问所有网站(<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。

截图

  • CSSGibbon: CSS Inspector 截图

简介

CSS Gibbon: Instant CSS & HTML Inspector with One-Click Capture
CSS Gibbon is a developer’s toolkit for real-time webpage inspection and visual documentation. Instantly dissect any site’s structure, tweak styles on the fly, and save a modified screenshot—all in one click.

Key Features:
Live CSS & HTML Inspection: Hover to reveal, edit, and test styles without leaving the page.

Modified Screenshot Capture: Save a snapshot of your inspected (or altered) version with a single button press.

Non-Destructive Editing: Experiment with layouts, fonts, or colors without affecting the live site.

Selector Highlighting: Visually trace element relationships in the DOM.

Exportable Styles: Copy adjusted CSS snippets for use in your projects.

Workflow Advantages:
Rapid debugging or redesign mockups.

Client/team communication with annotated screenshots.

Learning from (or reverse-engineering) well-built sites.

For developers, designers, and curious minds—CSS Gibbon cuts inspection time in half.

CSSGibbon: CSS Inspector 是做什么的

CSSGibbon: CSS Inspector 是一款面向 Edge 的实用工具类扩展,主要用来解决浏览器里某类具体的小问题。官方对它的介绍是:inspect the CSS and HTML structure of any webpage instantly!在微软 Edge 加载项商店上,它当前版本 1.0.0.1,约 7 名用户。

适合什么人用

从功能定位看,CSSGibbon: CSS Inspector 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。

怎么安装 CSSGibbon: CSS Inspector

  1. 打开微软 Edge 加载项商店上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

CSSGibbon: CSS Inspector 是免费的吗?

CSSGibbon: CSS Inspector 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

CSSGibbon: CSS Inspector 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

CSSGibbon: CSS Inspector 支持哪些浏览器?

当前收录的版本来自微软 Edge 加载项商店,适用于 Edge。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 CSSGibbon: CSS Inspector?

在扩展管理页找到 CSSGibbon: CSS Inspector,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

站点访问(可选) 1

  • <all_urls>

接口权限 5

  • activeTab
  • declarativeNetRequest
  • downloads
  • scripting
  • storage