【转】DataURL在Web浏览器中的兼容性总结

IE8+，Firefox，Chrome，Opera，Safari 等现代浏览器普遍支持data URL

IE8 data URL 最大长度限制为32k字节，超出无效。IE9+没有这个限制

IE只识别base64编码或百分号编码(URL编码, encodeURIComponent)的data URL，IE不识别无编码的data URL，非IE浏览器可识别无编码的data URL

IE不支持对<iframe>,<frame>标签的src设置data URL

IE官方说法说data URL仅支持以下5种使用场景：

object (images only)

img

input type=image

link

CSS declarations that accept a URL

据本人实测，IE也在除了官方所述5种之外的其它场合支持data URL：
a href

meta refresh. 示例：

[html] view plain?

<meta http-equiv="refresh" content="5;URL=data:text/html;base64,xxxx....">

script src

window.open

embed src

对于audio, video一类的元素，往往资源文件较大，使用data URL并不常见，我也没有对其进行测试。

Firefox中粘贴截图是直接转换为data URL的图片，其它浏览器干脆无法粘贴，我记得以前Chrome好像可以粘贴截图的，今天再测Chrome,Opera都不能粘贴截图(<div contenteditable></div>做的测试). （粘贴截图常用于在线富文本编辑器）

可为data URL指定字符集编码。示例：data:text/plain;charset=US-ASCII,xxxx....

附录：

DataURL语法规则：

dataurl    := "data:" [ mediatype ] [ ";base64" ] "," data
mediatype  := [ type "/" subtype ] *( ";" parameter )
data       := *urlchar
parameter  := attribute "=" value

DataURL规范：rfc2397

维基百科词条：Data URI scheme

最好的在线生成DataURL网站：Data Url Maker 页面简洁，支持文件拖放，支持对指定网址的CSS文件做data URL优化。

from：/article/2780822.html