使用 CSS 内联获取 HTML 文件的源代码答案

【问题标题】：Get Source of HTML File with CSS Inline使用 CSS 内联获取 HTML 文件的源代码
【发布时间】：2010-02-17 03:37:29
【问题描述】：

是否有一种简单的方法来保存引用了外部样式表（1 个或多个）但强制将所有规则插入到页面本身的 HTML 页面，内联？所以基本上我想将所有外部规则移到它们影响自己的元素上。

不管怎样，我使用几乎所有主流浏览器（如果解决方案是特定于浏览器的），而且我在 Windows 上（如果它是特定于操作系统的）。

【问题讨论】：

【解决方案1】：

我假设您已经看过可用的在线工具，例如this one？这个在线工具（我没有测试过，但看起来很有效）让您可以选择提供 url 或源代码，并显示与您的样式的跨浏览器兼容性的警告。

【讨论】：

【解决方案2】：

我使用的工具可以做类似的事情，但它是为 Ruby 和 Mac 的 TextMate 编写的。它由 Campaign Monitor 发布，作为准备 HTML 电子邮件的一种方式。它带来了样式表中的所有规则，并使它们成为内联样式。

它可能会给你一个好的开始。我会继续寻找。

完成繁重工作的是TamTam RubyGem，它将CSS 内联。但是，它似乎只支持一个style 元素（不是链接元素）。如果您可以处理这些限制，您可以使用 Ruby 和 ruby 脚本文件使其在 Windows 上运行。恐怕不是完全拖放。

【讨论】：

【解决方案3】：

我使用 chrome 扩展 Save Page WE

【讨论】：