Heim > Web-Frontend > CSS-Tutorial > Was sind die Größenbeschränkungen für Daten-URIs in verschiedenen Webbrowsern?

Was sind die Größenbeschränkungen für Daten-URIs in verschiedenen Webbrowsern?

Patricia Arquette
Freigeben: 2024-12-19 07:50:12
Original
947 Leute haben es durchsucht

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

Daten-URI-Größenbeschränkungen in gängigen Webbrowsern

In der Webentwicklung ist die Nutzung von Daten-URLs eine bequeme Möglichkeit, Daten direkt in HTML-Elemente einzubetten . Für diese URLs gelten jedoch Größenbeschränkungen, die je nach Webbrowser unterschiedlich sind.

Übersicht über Größenbeschränkungen

Während die Daten-URI-Spezifikation keine bestimmte Größenbeschränkung vorschreibt, ist dies bei Browsern der Fall frei, ihre eigenen durchzusetzen. Hier ist eine Zusammenfassung der Einschränkungen in gängigen Browsern:

  • Chrome: 2 MB für das aktuelle Dokument und 2 GB oder total_physical_memory / 5 für beliebige Blobs (in x64, Nicht-OS/ Android-Systeme)
  • Firefox: Unbegrenzt
  • IE 9 und Edge: 4 GB
  • Safari und Mobile Safari: Keine Angabe in der Dokumentation

Zu berücksichtigende Alternativen

In Fällen, in denen der Daten-URI Wenn die Größenbeschränkung nicht ausreicht, sollten Sie die folgenden Alternativen in Betracht ziehen:

  • Blob-URLs: CreateObjectURL() über die URL-API, mit Blobs über die Datei-API (Chrome-Limit: 500 MiB)
  • Bibliotheken von Drittanbietern: FileSaver.js, StreamSaver.js, JSZip
  • Modernizr-Erkennung: Unterstützung für Daten-URIs über 32 KB erkennen

Verwandte Überlegungen

Beachten Sie, dass Größenbeschränkungen auch für Hintergrundbild-URLs gelten, die das Schema data: verwenden. Darüber hinaus können bestimmte Browser zusätzliche Einschränkungen hinsichtlich der Länge der Base64-codierten Daten haben. Bei der Verwendung von Daten-URLs müssen unbedingt die Browserkompatibilität und die Größenanforderungen berücksichtigt werden.

Das obige ist der detaillierte Inhalt vonWas sind die Größenbeschränkungen für Daten-URIs in verschiedenen Webbrowsern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage