# CSS Peeper - Chrome Extension Security Audit & Unpacked ZIP Download

> **CRX8 Security Inspection & Official Download Hub**  
> **Category**: Design & Assets | **Version**: 0.5.6 | **Rating**: 4.7 / 5.0 (2200 ratings) | **Users**: 400,000+  
> **Safety Score**: 9.8 / 10 (极佳安全 · 设计必备)  
> **Updated**: 2026年7月30日 | **Package Size**: 1.85 MiB  
> **Official Page**: https://crx8.com/ext/css-peeper

## Overview & Verified Verdict
Verified Design & Assets extension. Security Score: 9.8/10, Rating: 4.7★ (2200 reviews).

## Permissions & Manifest Security Audit
- **Security Score**: 9.8 / 10
- **Auditor Verdict**: Low risk. Full compliance with Chrome Web Store MV3 guidelines.
- **Manifest Permissions**: [{"perm":"activeTab","desc":"解析当前页面样式表与素材资产","risk":"低"}]

## Key Features & Highlights
- 自动扫描并提取整个页面的设计调色板 (Color Palette)，一键复制 Hex 色值
- 点击任意按钮或模块，直观展示间距 Padding、Margin、圆角、盒阴影与字体规范
- 素材切片资产面板 (Assets Tab)：一览网页所有图片、SVG 与背景图，支持一键批量打包下载
- 清晰查看网页布局栅格与模块物理尺寸

## Pros & Cons
### Pros
- 专为设计师量身定做的 UI 交互，比浏览器原生 DevTools 直观十倍
- 资产导出功能极其好用，免去右键另存为的繁琐步骤

### Cons
- 仅作为查看与提取工具，不具备在线热修改 CSS 并导出的能力

## Recommended Alternatives
- ColorZilla: 专注于颜色吸取与调色板生成
- SVG Grabber: 专注于提取 SVG 矢量图

## Direct Download (Official Google Stream)
- **Native CRX Format (Official Source)**: [Download .crx](https://crx8.com/download/css-peeper.crx)
- **Unpacked ZIP Format (Load Unpacked)**: [Download .zip](https://crx8.com/download/css-peeper.zip)


## How to Install Unpacked Extension (.ZIP)
1. Download the `.zip` archive above and extract it to a local folder;
2. Open Chrome or Edge browser, navigate to `chrome://extensions`, and enable **Developer mode** in the top right;
3. Click **Load unpacked** in the top left, and select the extracted folder to run immediately.