技术头条 - 一个快速在微博传播文章的方式     
您现在的位置：首页 --> 其他 --> 不成熟的技术：Data URI

不成熟的技术：Data URI

浏览:3114次  出处信息

    一、Data URI简介

    Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中：

    data:[][;base64],

  • MIME-type：指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter，比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息，更多情況下是用于指定text/plain和text/htm等的文字编码方式的charset参数。默认是text/plain;charset=US-ASCII。
  • base64：声明后面的数据的编码是base64的，否则数据必须要用百分号编码(即对内容进行urlencode)。

    •     二、Data URI的优点

  • 减少HTTP请求数，没有了TCP连接消耗和同一域名下浏览器的并发数限制。
  • 对于小文件会降低带宽。虽然编码后数据量会增加，但是却减少了http头，当http头的数据量大于文件编码的增量，那么就会降低带宽。
  • 对于HTTPS站点，HTTPS和HTTP混用会有安全提示，而HTTPS相对于HTTP来讲开销要大更多，所以Data URI在这方面的优势更明显。
  • 可以把整个多媒体页面保存为一个文件。

    •     三、Data URI的缺点

  • 无法被重复利用，同一个文档应用多次同一个内容，则需要重复多次，数据量大量增加，增加了下载时间。
  • 无法被独自缓存，所以其包含文档重新加载时，它也要重新加载。
  • 客户端需要重新解码和显示，增加了点消耗。不支持数据压缩，base64编码会增加1/3大小，而urlencode后数据量会增加更多。
  • 不利于安全软件的过滤，同时也存在一定的安全隐患。

    •     四、Data URI的支持情况

        绝大多数的现代浏览器都支持data URI：

  • Firefox 2+
  • Opera 7.2+ - data URI必须少于4100个字符
  • Chrome (all versions)
  • Safari (all versions)
  • Internet Explorer 8+ - data URI必须小于32k(说他不靠谱主要还是IE8一下浏览器的不支持造成的)

    •     参考链接：http://en.wikipedia.org/wiki/Data_URI_scheme

        使用工具：data URI Generator  http://dopiaza.org/tools/datauri/

    QQ技术交流群：445447336，欢迎加入！
    扫一扫订阅我的微信号：IT技术博客大学习
    << 前一篇：百度站内应用开发体验及demo代码
    后一篇：当我加入项目时，我要了解什么 >>
    文章信息
    © 2009 - 2025 by blogread.cn 微博：@IT技术博客大学习

    京ICP备15002552号-1