如何将CSS复制到Chrome中的另一个选项卡？

在Chrome中，我可以通过查询escape(document.documentElement.innerHTML)使用开发工具窗口实际网页的HTML从一个选项卡复制到其他的复制粘贴结果到开发工具的其他选项卡的窗口，创建那里有一个新的元素，并设置其.innerHTML。但是，这不会复制CSS或事件处理程序。我不关心JavaScript和事件处理程序，但我想复制HTML和CSS。什么是最简单但忠实的方式来做到这一点？我主要对Google Chrome感兴趣，但我也会考虑在Firefox中使用的解决方案。如何将CSS复制到Chrome中的另一个选项卡？

我知道我可以遍历<link ...>和<style ...>标签并复制它们，但这会有点间接。我想复制页面实际CSS的拼接最终版本。

来源

2012-09-21 pts

您可以选择原始页面中的元素，然后在样式窗格中拖动选择并复制其所有CSS，然后将其粘贴到目标页面中的样式表中。到目前为止，没有更好的办法。

如果您有任何关于它如何以另一种方式工作的想法，请在http://new.crbug.com提交功能请求（使用“DevTools：”开始摘要以获得更快的问题分类）。

来源

2012-09-24 09:24:54

我想复制所有的CSS，不仅仅是单个元素的CSS。页面上有成千上万的元素，我不会手动复制所有元素的CSS。 – pts

对不起，我以为你要复制一个元素的所有数据。那么，你可能想尝试倾销'document.styleSheets [i] .cssRules [j] .cssText'。请记住，实际的样式表资源文本在被解析后永远不会存储在浏览器中（并且您可以拥有动态添加的规则并且没有相应的资源），所以此方法是尽力而为的方法。 –

如何将CSS复制到Chrome中的另一个选项卡？

回答

相关问题