LOADING

SnipCSS

SnipCSS1.6.1

提取任何页面上任何元素的CSS/HTML,只取你想要的样式SnipCSS 提取与网页任何部分相关的所有 CSS 样式。它适用于所有网站,点击几下后,您将获得与您试图重新创建的网站部分相关联的 CSS、HTML 和图像。您在 Web 上看到的任何酷炫设计都可以成为您快速制作原型的个人模板! ============

官方版无广告78

更新日期:2021年 8月 29日分类标签:语言:中文平台:

8.57MB 2 人已下载 手机查看

简介:
提取任何页面上任何元素的CSS/HTML,只取你想要的样式SnipCSS 提取与网页任何部分相关的所有 CSS 样式。它适用于所有网站,点击几下后,您将获得与您试图重新创建的网站部分相关联的 CSS、HTML 和图像。您在 Web 上看到的任何酷炫设计都可以成为您快速制作原型的个人模板! ========================================如果您尝试通过手动复制/粘贴来执行相同的操作,则可能需要 20 分钟,但使用 SnipCSS,您可以在一分钟内选择并获取所有样式,包括带有媒体查询的样式。我什至在我自己在其他项目中创建的网站部分使用它,因此我可以获得快速可重用的 HTML/CSS 组件以插入我的新项目。与其他使用“计算样式”的 CSS 提取器扩展不同,SnipCSS 使用 Chrome DevTools 协议。就像当您使用 devtools 时您会看到相关样式的列表一样,SnipCSS 会为 DOM 片段子树中的每个元素重建该列表。下载设计所需的所有图像、字体和其他所有内容,您可以轻松地将所有文件导出到一个 zip 文件中。专业版推出! ========================================使用专业版从多种分辨率或多种元素中获取 CSS!还为 Pro 会员添加了高级功能,例如范围界定、删除不必要的属性/类以及创建项目的子选择。使用新的模板系统,您可以使用 React/Vue 自动将数据注入到您的代码片段中。片段的模板版本将 Lorem Ipsum 数据注入到 html 中,因此受版权保护的图像/文本会自动替换。如果您有兴趣解锁这些高级功能,只需访问 SnipCSS.com 并注册即可。

相关资源

JavaScript and CSS Code Beautifier
Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file.When looking at a CSS, JavaScript or JSON file, automatically(optional) make sourc
ATS – Analytics Tracking Setup
此扩展允许用户检查跟踪设置。 ATS - 这是一个简单的工具,可以帮助您进行跟踪设置。特征: - GTM 注入(谷歌标签管理器) - GA 调试器- Facebook 像素- 混合面板调试器- Yandex Metrika 调试器和记录器您可以将此扩展程序用作 Google Analytics、Google 标签
Always Disable Content-Security-Policy
始终禁用内容安全策略以进行 Web 应用程序测试。当图标为彩色时,CSP 标头被禁用。这是 Phil Grayson 扩展的一个分支,唯一的区别是默认情况下禁用标题。原文:https://chrome.google.com/webstore/detail/disable-content-security/ieel
User-Agent Switcher for Chrome
欺骗和模仿用户代理字符串。曾经需要在用户代理字符串之间快速切换吗?开发一个需要同时在移动浏览器和桌面浏览器上运行的网站?是否厌倦了因为您不使用 Netscape 4 而阻止您访问的陈旧站点? Chrome 的用户代理切换器就是答案。使用此扩展,您可以快速轻松地在用户代理字符串之间切换。此外,您可以设置每次要欺骗的
Codopen
轻松调试所有 codepen 代码笔!添加一个按钮和快捷键 (Ctrl-Shift-i) 以在 Codepen 的笔和调试视图选项卡之间切换。
META SEO inspector
轻松检查网页内的元数据,发现问题并获得修复建议。此扩展主要针对需要验证其站点的 HTML 以遵循网站管理员的 Google 指南的 Web 开发人员,但即使对于那些通常不可见但可以揭示有趣的站点属性的任何页面内容感到好奇的人也是如此。特征: ☆ 只需点击一下即可发现所有页面元数据! ☆ 始终知道什么是错的或遗漏的

暂无评论

暂无评论...