Maison > interface Web > tutoriel CSS > Quelles sont les limites de taille des URI de données dans les différents navigateurs Web ?

Quelles sont les limites de taille des URI de données dans les différents navigateurs Web ?

Patricia Arquette
Libérer: 2024-12-19 07:50:12
original
947 Les gens l'ont consulté

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

Limitations de la taille des URI de données dans les navigateurs Web populaires

Dans le développement Web, l'exploitation des URL de données est un moyen pratique d'intégrer des données directement dans des éléments HTML. . Cependant, ces URL sont soumises à des limitations de taille qui varient selon les navigateurs Web.

Aperçu des limitations de taille

Bien que la spécification de l'URI de données n'impose pas de limite de taille spécifique, les navigateurs sont libre de faire respecter les leurs. Voici un résumé des limitations des navigateurs populaires :

  • Chrome : 2 Mo pour le document actuel et 2 Go ou total_physical_memory / 5 pour les blobs arbitraires (en x64, non-OS/ Systèmes Android)
  • Firefox : Illimité
  • IE 9 et Edge : 4 Go
  • Safari et Safari mobile :La documentation ne précise pas

Alternatives à considérer

Dans les cas où la limite de taille de l'URI des données est insuffisant, pensez à utiliser les alternatives suivantes :

  • URL de blob : CreateObjectURL() via l'API URL, avec des blobs via l'API File (limite Chrome : 500 Mo)
  • Bibliothèques tierces : FileSaver.js, StreamSaver.js, JSZip
  • Détection Modernizr : Détecter la prise en charge des URI de données de plus de 32 Ko

Considérations connexes

Notez que les limitations de taille s'appliquent également aux URL d'image d'arrière-plan en utilisant le schéma data:. De plus, certains navigateurs peuvent avoir des contraintes supplémentaires sur la longueur des données codées en base64. Il est essentiel de prendre en compte les exigences de compatibilité et de taille du navigateur lors de l'utilisation d'URL de données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal