文件名称：SnappySnippet：Chrome扩展程序，可轻松从选定元素中提取CSS和HTML
文件大小：2.22MB
文件格式：ZIP
更新时间：2024-02-19 19:05:20
chrome-extension web-development jsbin ChromeextensionCSS
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） 修复了速记属性值有时无效的错误 有问题的“内容”属性
【文件预览】：
SnappySnippet-master
----manifest.json(598B)
----Gruntfile.js(1017B)
----js()
--------devtools.js(109B)
--------filters()
--------background.js(622B)
--------panel.js(6KB)
--------tools()
--------libs()
----README.md(3KB)
----gfx()
--------devtools-logo.png(6KB)
--------icon_128.png(9KB)
--------devtools-logo.xcf(10KB)
--------screenshots()
--------icon_24.png(1KB)
--------logo.xcf(50KB)
----panel.html(8KB)
----css()
--------bootstrap()
--------js()
--------fonts()
--------css()
--------panel.css(2KB)
----devtools.html(147B)
----.editorconfig(205B)
----.gitignore(44B)
----package.json(713B)