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. 示例：
<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网站：Data Url Maker  页面简洁，支持文件拖放，支持对指定网址的CSS文件做data URL优化。

补充：web前端 , JavaScript ,