Visionneuse de fichier HAR en ligne
Ouvrez un fichier .har et inspectez chaque requête, en-tête, temporisation et réponse dans votre navigateur. La capture ne quitte jamais votre appareil.
La visionneuse de fichier HAR analyse votre .har entièrement dans votre navigateur. Les requêtes, cookies, en-têtes, tokens et corps de réponse de la capture restent sur votre appareil et ne sont jamais téléversés vers ArrayKit.
Ouvrir la visionneuse JSON
À propos de Visionneuse de fichier HAR
La visionneuse de fichier HAR ouvre une capture HTTP Archive (.har) et la transforme en une liste de requêtes lisible que vous pouvez inspecter en quelques secondes. Déposez un fichier exporté depuis les DevTools de Chrome, Firefox, Edge ou Safari et chaque entrée affiche sa méthode, son URL, son statut, son type de ressource, sa taille de transfert et son temps total. Déployez une ligne pour lire les en-têtes de requête et de réponse, les paramètres de chaîne de requête, une décomposition de temporisation par phase (DNS, connexion, SSL, attente, réception), et le corps de la réponse quand la capture en a intégré un. Un récapitulatif totalise le nombre de requêtes, les octets transférés, le temps d'achèvement réel et une répartition des codes de statut pour repérer d'un coup d'œil les échecs et les appels lents. Comme les fichiers HAR contiennent souvent des cookies, des en-têtes d'authentification et des tokens, rien n'est téléversé — le fichier est analysé et rendu entièrement sur votre appareil.
Fonctionnalités
- Déposez ou ouvrez un fichier .har et voyez chaque requête sous forme de liste parcourable
- Par entrée : méthode, URL, statut, type de ressource, taille de transfert et temps total
- Déployez toute requête pour voir ses en-têtes de requête et de réponse
- Décomposition de temporisation par phase : bloqué, DNS, connexion, SSL, attente et réception
- Aperçu du corps de réponse pour les entrées qui ont intégré le contenu
- Récapitulatif du nombre de requêtes, des octets transférés, du temps d'achèvement et des codes de statut
- Filtrez pour ne montrer que les réponses d'erreur 4xx et 5xx afin de trier les échecs vite
- Gère les captures des DevTools de Chrome, Firefox, Edge et Safari
Comment utiliser Visionneuse de fichier HAR
- Dans les DevTools de votre navigateur, ouvrez le panneau Réseau et exportez un fichier .har
- Déposez le .har ici ou cliquez sur Ouvrir un .har (ou collez le JSON HAR)
- Parcourez la liste des requêtes et vérifiez le récapitulatif pour les erreurs et appels lents
- Cliquez sur une ligne pour inspecter ses en-têtes, paramètres de requête, temporisations et réponse
- Utilisez le filtre Erreurs pour aller directement aux réponses 4xx et 5xx
Exemple
Entrée
{ "log": { "entries": [ { "request": { "method": "GET", "url": "https://api.example.com/v1/users" }, "response": { "status": 200, "content": { "mimeType": "application/json", "size": 2048 } }, "time": 120 } ] } }
Sortie
GET 200 api.example.com/v1/users json 2.00 KB 120 ms
Une entrée HAR rendue en ligne de requête avec type, taille et temps.
Erreurs courantes et dépannage
- Le fichier se charge mais affiche « Pas un fichier HAR ». — Assurez-vous d'avoir exporté un HAR (une HTTP Archive avec un tableau log.entries de premier niveau), pas une simple réponse JSON ni une capture d'écran. Réexportez depuis le panneau Réseau des DevTools.
- Les tailles indiquent 0 B pour plusieurs requêtes. — Certains navigateurs enregistrent bodySize à -1 (inconnu) pour les réponses en cache ou diffusées. La visionneuse se rabat sur content.size quand elle le peut, mais une taille réellement absente reste à 0.
- L'onglet Réponse indique qu'aucun corps n'a été capturé. — Les corps de réponse sont optionnels dans un HAR. Réexportez avec « Inclure les corps de réponse » ou l'option équivalente du navigateur pour que le texte du contenu soit intégré.
- Les temporisations semblent incomplètes ou chaque phase est vide. — Les phases enregistrées à -1 sont marquées « sans objet » et masquées. Les entrées en cache, bloquées ou de préflight omettent souvent DNS/connexion/SSL, donc seules les phases réellement exécutées apparaissent.
Foire aux questions
- Qu'est-ce qu'un fichier HAR ?
- Un fichier HAR (HTTP Archive) est un journal JSON de l'activité réseau qu'un navigateur a enregistrée pour une page. Il stocke chaque requête et réponse — méthode, URL, en-têtes, cookies, temporisations et éventuellement le corps — dans un tableau log.entries, pour que les outils puissent rejouer et analyser la session.
- Comment exporter un HAR depuis mon navigateur ?
- Ouvrez les DevTools (F12), allez au panneau Réseau, reproduisez l'activité, puis faites un clic droit sur une requête et choisissez « Tout enregistrer en HAR » (Chrome/Edge) ou utilisez l'icône de téléchargement/export dans Firefox et Safari. Chargez ce .har ici pour l'inspecter.
- La visionneuse affiche-t-elle les corps de requête et de réponse ?
- Elle affiche le corps de réponse quand le HAR l'a intégré sous content.text ; beaucoup de captures omettent les corps pour garder le fichier petit. Les en-têtes de requête, les paramètres de chaîne de requête et les en-têtes de réponse sont toujours affichés quand ils sont présents.
- Que signifient les phases de temporisation ?
- Chaque entrée décompose son temps total en phases : bloqué (mise en file d'attente), résolution DNS, connexion (TCP), SSL (poignée de main TLS), envoi (téléversement), attente (temps de réflexion serveur / TTFB) et réception (téléchargement). Les phases que le navigateur n'a pas enregistrées sont marquées sans objet et masquées.
- Peut-elle gérer un gros HAR avec des centaines de requêtes ?
- Oui. Tout le fichier est analysé dans votre navigateur et chaque requête devient une ligne repliable, donc une grosse capture reste défilable. Utilisez le filtre Erreurs pour aller directement aux réponses 4xx et 5xx en échec.
- Les cookies et en-têtes d'authentification de mon HAR restent-ils privés ?
- Oui. Les fichiers HAR contiennent souvent des cookies, des en-têtes Authorization et des tokens, donc la visionneuse analyse et rend le fichier entièrement sur votre appareil. Rien de la capture n'est téléversé vers ArrayKit.
Outils associés
Tous les outils ArrayKit