Jquery 将样式表内容复制到剪贴板

嗨，伟大的网络奇才们

问题: 是否可以将特定样式表的内容复制到用户剪贴板

例子：

用户单击“复制到剪贴板”按钮

css的内容被复制到他的剪贴板上

用户可以将这些内容粘贴到自己的项目中

可能的办法：

使用一个插件：这个插件似乎接近我所需要的，但是只复制指定DOM元素的css。我需要整个样式表的css代码。示例：与表单元素相关的所有内容（从forms.css复制）

从DOM复制：另一种方法是将样式表内容插入到一个隐藏的文本字段中，然后通过jQuery从那里复制它。但我不确定是否有可能以某种方式获取内容并将其插入DOM

有什么想法吗？

我很感激朝着正确的方向推进

祝你一切顺利！干杯

有关将数据复制到剪贴板的方法概述，请参见

至于获得CSS；

---

要将样式表作为字符串获取，可以使用

document.styleSheets

，并执行以下操作

var styleSheet  = document.styleSheets[0],
    styleString = $.map(styleSheet.rules, function(rule) {
        return 'cssText' in rule ? rule.cssText : '';
}).join("\n");

window.prompt("Copy to clipboard: Ctrl+C, Enter", styleString);

请注意，

document.styleSheets

是一个集合，因此

[0]

获取页面中的第一个样式表，

[1]

获取第二个样式表等

至于保存到剪贴板，这可能相当复杂，首选的方法是使用提示，类似这样

var styleSheet  = document.styleSheets[0],
    styleString = $.map(styleSheet.rules, function(rule) {
        return 'cssText' in rule ? rule.cssText : '';
}).join("\n");

window.prompt("Copy to clipboard: Ctrl+C, Enter", styleString);

告诉用户手动复制字符串

如果你想要一种跨浏览器的方式来使用按钮，你就必须使用flash，有一些插件是最常用的，但也有一些，更容易使用