首页 > web前端 > css教程 > 不同 Web 浏览器中的数据 URI 大小限制是什么?

不同 Web 浏览器中的数据 URI 大小限制是什么?

Patricia Arquette
发布: 2024-12-19 07:50:12
原创
947 人浏览过

What are the Data URI Size Limits in Different Web Browsers?

流行 Web 浏览器中的数据 URI 大小限制

在 Web 开发中,利用数据 URL 是将数据直接嵌入 HTML 元素的便捷方法。然而,这些 URL 的大小限制因网络浏览器而异。

大小限制概述

虽然数据 URI 规范没有施加特定的大小限制,但浏览器自由地执行自己的。以下是流行浏览器中的限制摘要:

  • Chrome:当前文档为 2MB,任意 blob 为 2GB 或总物理内存 / 5(在 x64 中,非操作系统/ Android 系统)
  • Firefox:无限制
  • IE 9 和 Edge: 4GB
  • Safari 和 Mobile Safari:文档未指定

替代品考虑

如果数据 URI 大小限制不足,请考虑使用以下替代方案:

  • Blob URL: CreateObjectURL() 通过URL API,通过文件 API 提供 blob(Chrome 限制: 500MiB)
  • 第三方库: FileSaver.js、StreamSaver.js、JSZip
  • Modernizr 检测: 检测对数据 URI 的支持32kb

相关注意事项

请注意,大小限制也适用于使用 data: 方案的背景图像 URL。此外,某些浏览器可能对 Base64 编码数据的长度有额外的限制。使用数据 URL 时,必须考虑浏览器兼容性和大小要求。

以上是不同 Web 浏览器中的数据 URI 大小限制是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板