javascript - 现代浏览器是否像图像一样支持 HTML 中的 base64 编码的 JS 或 CSS block ？

Question

我正在编写一个 HTML 邮件查看器，它在输入时获取 MIME 源(附有 HTML 邮件正文和相关对象)。我想对所有嵌入对象(如消息中出现的图像)进行 base64 编码。但是，我不确定它是否适用于其他类型的嵌入式资源，例如 CSS 或 JS 文件。

虽然电子邮件将 CSS 或 JS 作为单独的文件附加到邮件中并不常见(而不是直接包含在 HTML 中)，但这仍然是可能的，我希望我的邮件查看器为这种情况做好准备。

目前，我计划在 HTML 正文的标记属性中查找诸如 cid:some-content-id 之类的内容，并将所有出现的内容替换为相应嵌入对象的 base64 编码正文(它们在标题中具有相同的内容 ID对应的对象)。在这种方法中，我什至不关心我现在正在处理什么样的资源(无论是图像还是其他什么，我只是运行正则表达式模式匹配)。但是，如果事实证明此方法对图像以外的任何东西都不起作用，我需要找到另一种解决方案。

Answer 1

是的，浏览器支持DATA URLs (可以是 base 64)代替实际文件。

<link rel="stylesheet" href="data:text/css;charset=utf-8;base64,Ym9keXtiYWNrZ3JvdW5kOmJsYWNrO2NvbG9yOndoaXRlO30="></link>

<script src="data:application/javascript;charset=utf-8;base64,d2luZG93LmFsZXJ0KCJ0aGlzIGlzIGV4ZWN1dGVkIGZybSBiYXNlNjQiKTs="></script>

<p>This text is styled white from the data-uri loaded css</p>

也就是说，电子邮件中通常不允许使用 Javascript，CSS 可以简单地复制到 <style> 中标签，因此在您的情况下这不是必需的。