SnipCSS在浏览器中使用的扩展工具，这款工具提取与网页任何部分关联的所有 CSS 样式，欢迎需要的朋友下载使用。
介绍
SnipCSS 提取与网页任何部分关联的所有 CSS 样式。它适用于所有网站，点击几次后，您就可以获得与您尝试重新创建的网站部分相关的 CSS、HTML 和图像。
功能
您在网络上看到的任何炫酷设计都可以成为您快速原型制作的个人模板！
如果您尝试通过手动复制/粘贴来执行相同的操作，可能需要 20 分钟，但使用 SnipCSS，您可以在一分钟内选择并获取所有样式，包括带有媒体查询的样式。我什至在我自己在其他项目中创建的网站部分中使用它，这样我就可以获得一个快速可重用的 HTML/CSS 组件来插入我的新项目。
与其他使用“计算样式”的 CSS 提取器扩展不同，SnipCSS 使用 Chrome DevTools 协议。就像您使用 devtools 时看到关联样式列表一样，SnipCSS 会为 DOM 片段子树中的每个元素重建该列表。
下载设计所需的所有图像、字体和其他所有内容，您可以轻松地将所有文件导出到 zip 文件中。
专业版推出！
使用专业版从多种分辨率或多种元素获取 CSS！此外，还为 Pro 会员添加了无冲突 CSS 类、范围界定、删除不必要的属性/类以及创建项目子选择等高级功能。
代码片段的模板版本将 Lorem Ipsum 数据注入到 html 中，以便自动替换受版权保护的图像/文本。您还可以使用稳定扩散来替换 HTML 中的图像。生成式 AI 功能需要免费的 SnipCSS 帐户。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
