将CSS / Javascript内联到HTML文件中

Question

我正在寻找一个简单的命令行脚本/程序来自动“内联”html文件的所有外部css和javascript引用。 我基本上想要创建一个适合通过电子邮件发送的自包含html文件。 另外一个好处是，如果它还可以将图像作为数据内联：UIR，但这一部分并不那么重要。

Answer 1

编辑：我写了一个Python脚本以获得乐趣。 它似乎工作得很好：

Inline2Mail

或者您仍然可以尝试：

前编译器做了类似的事情但它意味着javascript。 您也有一个在线解决方案，使用预生成器 。 最后，你有一个Python和一个Ruby脚本来完成它。

Answer 2

有一个Node.js库可以解决您的问题： https ： //github.com/remy/inliner/它可以用作命令行脚本和库。

它将使您成为单个.html文件，可以通过任何方式在任何地方发送，并在以后的任何浏览器中打开，而无需在Internet连接。

如果您考虑内联CSS和Javascript来制作电子邮件的HTML 正文，那就别忘了。 大多数电子邮件客户端会忽略或严重损坏您的样式，我认为所有电子邮件客户端都会明确地删除电子邮件正文中的内联Javascript。

Answer 3

我的这个Python项目可以帮助获取CSS样式内联https://github.com/rennat/pynliner

Answer 4

如果不需要自动化并且您使用的是Windows，则可以在Internet Explorer中打开网页并将其另存为“ Web存档，单个文件（* .mht） ”。 这会将所有内容打包到一个文件中，包括CSS，JavaScript和图像。 请注意，收件人需要能够访问Internet Explorer才能打开Web存档。 Google Chrome和Firefox都不支持mht文件，因此它可能只是Microsoft的一项功能。