Limitations et considérations relatives à l'utilisation de réponses opaques

Les réponses opaques, introduites par l'API Fetch, représentent le résultat de requêtes d'origine croisée lorsque CORS est désactivé. Bien qu'ils offrent un certain isolement, il existe plusieurs restrictions et problèmes potentiels dont il faut être conscient.

Restrictions sur l'accès aux en-têtes et au corps

La principale limitation des réponses opaques est la impossibilité d’accéder aux en-têtes ou au corps de la réponse. Les propriétés telles que les en-têtes et les méthodes liées au corps (json(), text()) ne sont pas disponibles. Ceci est essentiel pour préserver la confidentialité de l'origine distante.

Utilisation et limitations des ressources

Malgré leurs limites, les réponses opaques peuvent être utilisées comme ressources sur une page Web si le Le navigateur autorise les ressources multi-origines non CORS. Ces ressources incluent

Interaction avec l'API Cache Storage

Un piège potentiel survient lors de l'utilisation de réponses opaques avec l'API Cache Storage. Les réponses opaques ont une propriété d'état de 0, quel que soit l'état réel de la demande. Étant donné que les méthodes add() et addAll() rejettent les réponses avec des codes d'état non 2XX, les réponses opaques ne pourront pas être ajoutées au cache. Pour contourner cela, exécutez explicitement fetch() suivi de put() avec la réponse opaque.

API navigateur.storage et réponses opaques

Pour des raisons de sécurité, les navigateurs pad réponses opaques pour empêcher les fuites d’informations entre domaines. Ce remplissage augmente considérablement la taille de stockage signalée des réponses opaques. Dans Google Chrome, chaque réponse opaque contribue au minimum à hauteur d'environ 7 Mo à l'utilisation du stockage. Cela peut entraîner des exceptions de dépassement de quota s'il n'est pas soigneusement géré.

Considérations relatives à l'utilisation

Lorsque vous utilisez des réponses opaques, gardez les points suivants à l'esprit :

• Les réponses opaques offrent une isolation, mais restreignent l'accès aux en-têtes et au corps.
• Elles peuvent être utilisées comme ressources sur des pages Web qui autorisent les ressources d'origine croisée non CORS.
• Une gestion spéciale est requis pour une utilisation avec l'API Cache Storage afin d'éviter les échecs d'ajout de cache.
• Méfiez-vous des rapports de taille de stockage gonflés pour les réponses opaques dans l'API navigator.storage.