Comment puis-je capturer les en-têtes de réponse HTTP dans une extension Chrome ?

Capturer les en-têtes de réponse HTTP dans une extension Chrome

Dans leur quête de surveillance des réponses HTTP dans une extension Chrome, les développeurs sont souvent confrontés à un manque d'API adaptés à cette tâche spécifique. Cet article vise à fournir une solution complète en utilisant un mécanisme d'injection de script combiné à des écouteurs d'événements personnalisés.

Injecter un script

La clé pour capturer les réponses est d'injecter un script dans le site Web, ce qui implique de modifier à la fois le manifest.json et le script injecté.

• manifest.json : Configurez la section "content_scripts" pour spécifier les sites Web sur lesquels injecter le script dans et les ressources à inclure.
• inject.js : Injectez le script de capture réel, "injected.js", dans le DOM.

Capture des réponses HTTP

Le script injecté nommé "injected.js" détourne l'objet XMLHttpRequest natif pour surveiller toutes les requêtes et réponses réseau. Lorsqu'une réponse est reçue, le script récupère à la fois les en-têtes de réponse et, le cas échéant, le corps de la réponse.

Implémentation du script de capture

Dans "injected.js" :

1. Corrigez la fonction "open" pour enregistrer les détails de la requête (méthode, URL, heure de début) et les en-têtes de requête.
2. Patchez la fonction "setRequestHeader" pour capturer des en-têtes de requête supplémentaires .
3. Corrigez la fonction "envoyer" pour ajouter un écouteur d'événement qui récupère les données de réponse une fois terminée.

Obtention de la réponse

Lorsque la demande est terminée, l'écouteur d'événements ajouté à l'étape 3 déclenche et enregistre les détails de la réponse, notamment :

• URL
• En-têtes de demande (au format JSON)
• En-têtes de réponse
• Corps de la réponse (au format JSON, si possible)

Conclusion

En utilisant l'injection de script et les écouteurs d'événements, les développeurs peut facilement capturer et examiner les en-têtes de réponse des requêtes HTTP effectuées par un site Web. Cela permet de précieuses capacités d'analyse et de surveillance au sein des extensions Chrome.

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!