>웹 프론트엔드 >CSS 튜토리얼 >다양한 웹 브라우저의 데이터 프로토콜 URL 크기 제한은 어떻게 됩니까?

다양한 웹 브라우저의 데이터 프로토콜 URL 크기 제한은 어떻게 됩니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-23 06:18:21866검색

What are the Size Limits of Data Protocol URLs in Different Web Browsers?

데이터 프로토콜 URL의 크기 제한

웹 브라우징 영역에서 data: 프로토콜은 일반적으로 Base64 인코딩을 활용하여 URL 자체에 데이터를 삽입하는 것을 의미합니다. 데이터 URI 사양 자체는 크기 제한을 두지 않지만 애플리케이션이 자체 제한을 설정할 수 있도록 해줍니다.

인기 웹 브라우저 제한:

  • Chrome: 활성 문서 내의 데이터 URI에 대해 2MB 제한을 적용합니다. 그러나 전체 제한은 임의의 blob 메모리 저장 용량인 x64 시스템(ChromeOS 및 Android 제외)의 경우 2GB, 기타 시스템의 경우 total_physical_memory / 5와 일치합니다.
  • Firefox: 무제한 제한을 자랑합니다. 데이터 URI용.
  • IE 9 및 Edge: 4GB 크기 제한을 적용합니다.
  • Safari 및 Mobile Safari: 이러한 브라우저에 대한 구체적인 제한은 아직 결정되지 않았습니다.

대안 :

데이터 URI 제한이 증명되는 시나리오에서 불충분하며 대체 접근 방식이 존재합니다:

  • Blob URL: File API의 URL.createObjectURL() 및 URL API를 사용하여 생성되며 더 많은 양의 데이터(최대)를 저장하는 방법을 제공합니다. Chrome에서는 최대 500MiB).
  • 기타 옵션: FileSaver.js, StreamSaver.js 및 JSZip은 대규모 데이터 전송 요구 사항을 처리하기 위한 추가적인 가능성을 제공합니다.

탐지 및 의미:

  • Modernizr는 탐지를 위한 솔루션을 제공합니다. 32kb를 초과하는 데이터 URI 지원.
  • 브라우저 제한을 초과하는 데이터 URI는 다음과 같은 문제로 이어질 수 있습니다. Chrome의 '앗, 이런' 오류 메시지와 같은 불리한 결과가 발생합니다.

이러한 제한 사항을 이해하고 적절한 대안을 활용함으로써 개발자는 데이터 프로토콜 URL을 효과적으로 활용하여 데이터 처리 요구 사항을 충족할 수 있습니다.

위 내용은 다양한 웹 브라우저의 데이터 프로토콜 URL 크기 제한은 어떻게 됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.