SnappySnippet：Chrome扩展程序，可轻松从选定元素中提取CSS和HTML

SnappySnippet Chrome / Chromium扩展程序，可以轻松地通过CSS + HTML提取特定DOM元素。 创建的代码段然后可以一键导出到CodePen，jsFiddle或JS Bin。 其他特性： 清理HTML（删除不必要的属性，修复缩进） 优化CSS以使其可读 完全可配置（可以关闭所有过滤器） 出色的UI，要归功于Bootstrap和Flat-UI项目 与：before和：after伪元素一起使用 安装 下载扩展程序，然后通过扩展程序页面将其手动加载为“未打包的扩展程序”。 用法 打开开发人员工具，您应该看到新的SnappySnippet选项卡。 检查页面上的元素并切换到新选项卡，您将看到设置选项并导出所选元素的代码。 有关更多详细信息，请参见此。 错误和功能 如果您发现错误或有功能请求，请在GitHub上创建一个问题。 变更日志 0.5 iframe支持（@crdev提供） 前缀/命名CSS ID 0.4 提取DOM和CSS直到根元素（通过@crdev） 保留设置（通过@crdev） 修复了速记属性值有时无效的错误 有问题的“内容”属性