SnipCSS

提取任何页面上任何元素的 CSS/HTML，仅采用您想要的样式

SnipCSS 提取与网页任何部分关联的所有 CSS 样式。它适用于所有网站，点击几次后，您就可以获得与您尝试重新创建的网站部分相关的 CSS、HTML 和图像。

您在网络上看到的任何炫酷设计都可以成为您快速原型设计的个人模板！
=========================================
如果您尝试通过手动复制/粘贴来执行相同的操作，可能需要 20 分钟，但使用 SnipCSS，您可以在一分钟内选择并获取所有样式，包括带有媒体查询的样式。我什至在我自己在其他项目中创建的网站部分中使用它，这样我就可以获得一个快速可重用的 HTML/CSS 组件来插入我的新项目。

与其他使用“计算样式”的 CSS 提取器扩展不同，SnipCSS 使用 Chrome DevTools 协议。就像您使用 devtools 时看到关联样式列表一样，SnipCSS 会为 DOM 片段子树中的每个元素重建该列表。

下载设计所需的所有图像、字体和其他所有内容，您可以轻松地将所有文件导出到 zip 文件中。

专业版推出！
=========================================
使用专业版从多种分辨率或多种元素获取 CSS！此外，还为 Pro 会员添加了无冲突 CSS 类、范围界定、删除不必要的属性/类以及创建项目子选择等高级功能。

版本 1.7.0 添加了使用 ChatGPT 将代码片段转换为 React/Vue 模板的功能。
代码片段的模板版本将 Lorem Ipsum 数据注入到 html 中，以便自动替换受版权保护的图像/文本。您还可以使用稳定扩散来替换 HTML 中的图像。生成式 AI 功能需要免费的 SnipCSS 帐户。

顺风转换！
=========================================
版本 1.9.0 添加了将所有 HTML/CSS 转换为有效 Tailwind 的功能，包括媒体查询和伪选择器。

如果您有兴趣解锁这些高级功能，只需访问 SnipCSS.com 并注册即可。