Console de sortie / Réseau — nouveaux filtres de domaines et curseurs exponentiels
L'onglet Réseau de la Console de sortie a connu sa plus grande refonte depuis sa mise en service, en mai 2026. De nouveaux champs de filtres de domaines acceptant plusieurs entrées à la fois, l'Alt+clic pour en ajouter une instantanément, des curseurs de taille et de temps qui offrent enfin une granularité fine dans le bas de l'échelle, des colonnes DataLayer redimensionnables, des URL longues plus lisibles. Voici un tour d'horizon complet des changements des v2.13.193–v2.13.205.
« Domaines+ » et « Domaines- » — plusieurs domaines à la fois (v2.13.199)
L'ancien filtre de domaines n'acceptait qu'une seule valeur. Dans la pratique, vous surveillez plusieurs services à la fois — l'analytique + les images + une API. Désormais, il y a deux champs côte à côte dans la ligne d'état :
- « Domaines+ » — une liste de domaines que vous voulez voir. Une entrée passe si elle correspond à l'un d'eux.
- « Domaines- » — une liste de domaines à exclure. Une entrée qui correspond à l'un d'eux disparaît.
Dans les deux champs, vous saisissez plusieurs domaines séparés par une barre verticale |, par exemple cdn.example.com|api.example.com|images.example.com. Le filtre s'applique en direct, sans validation nécessaire.
Alt+clic — ajouter un domaine directement depuis une ligne Réseau (v2.13.200)
Au lieu de saisir le domaine à la main, cliquez sur une ligne Réseau avec un modificateur :
- Alt+clic — ajoute (ou retire) le domaine de l'entrée au champ « Domaines+ ».
- Alt+Maj+clic — ajoute (ou retire) le domaine au champ « Domaines- ».
La première version du raccourci utilisait Ctrl (v2.13.199), mais Ctrl+clic sur macOS est capté par le système d'exploitation comme menu contextuel — le clic n'atteignait jamais l'écouteur. Alt+clic fonctionne de manière identique sur Windows, Linux et macOS et n'entre en collision avec aucun de leurs raccourcis natifs. Le raccourci fonctionne comme une bascule : un autre Alt+clic sur le même domaine le retire.
Curseurs de taille et de temps — échelle exponentielle + champs de saisie (v2.13.198)
Les anciens curseurs étaient linéaires, si bien qu'un pas sur la poignée de gauche valait ~16 ko ou ~1000 ms — il suffisait de les bouger un peu pour couper déjà la moitié des entrées. Vous obtenez maintenant :
- Une échelle exponentielle (une courbe
^3) — la partie basse de la piste couvre les petites valeurs avec une granularité fine (un seul ko / ms par pas), la partie haute couvre les grandes plages. Ce qui vous intéresse habituellement (petites réponses, requêtes rapides) se trouve juste sous votre doigt. - Un écart minimal plus petit entre les poignées — rapprocher les poignées près du bas de l'échelle donne une plage minuscule au lieu, par exemple, de « 0–112 ko ».
- Des champs de saisie de part et d'autre de la piste — saisissez le min et le max manuellement (en ko / ms). Le champ et le curseur sont synchronisés : déplacez le curseur, les champs se mettent à jour ; saisissez une valeur, le curseur saute en place.
Entrées sans taille — masquées dès que vous bougez le filtre (v2.13.197)
Certaines réponses Réseau n'ont pas d'en-tête content-length (streaming, fragmenté). Auparavant, ces entrées ignoraient le filtre de taille et étaient toujours affichées, ce qui paraissait étrange dès que vous bougiez le curseur (« je crois l'avoir filtrée mais celle-ci traîne encore »). Désormais : un curseur de taille déplacé masque aussi les entrées sans taille déclarée. Le comportement par défaut (curseur à pleine plage) reste inchangé.
Raccourcissement des URL longues — uniquement dans la ligne repliée (v2.13.195)
Une longue chaîne de requête pouvait occuper toute la fenêtre Réseau. Désormais, dans la ligne repliée (onglets Réseau et Tout), l'URL est raccourcie à 255 caractères. Dépliez-la avec la flèche (▸/▾) et vous voyez l'URL complète non tronquée — les détails restent toujours complets. Des sauts de ligne où nécessaire (jetons longs, URL) empêchent le contenu de déborder hors des bords de la fenêtre.
Colonnes DataLayer redimensionnables + police cohérente (v2.13.194 + v2.13.196)
L'onglet DataLayer a deux colonnes : « Nouveaux pushs » et « Instantané de window.dataLayer ». La ligne médiane entre les deux est désormais une séparation glissable — le ratio est conservé pour la session par fenêtre de Sortie. La reconstruction continue de la liste de l'instantané de la page ne détache plus les colonnes pendant le glissement (la reconstruction est mise en pause durant le glissement).
L'autre petite correction concernait la police du panneau DataLayer de droite : l'arbre window.dataLayer hérite désormais de la taille de police du panneau de la Console de sortie (une ancienne règle !important bloquait le changement).
Cas d'usage 1 — triage de performance des requêtes critiques uniquement
Vous arrivez sur la page d'un client et souhaitez voir uniquement les requêtes critiques — pas de pixels de suivi, pas d'images. « Domaines- » reçoit google-analytics.com|googletagmanager.com|hotjar.com|facebook.net ; le curseur de temps descend à 500 ms, le curseur de taille descend à 50 ko. Il ne vous reste que les requêtes les plus lentes et les plus lourdes, et vous savez généralement laquelle est à l'origine de la réclamation.
Cas d'usage 2 — débogage de suivi, uniquement votre analytique
Le scénario inverse : vous voulez uniquement les requêtes de suivi. « Domaines+ » = google-analytics.com|googletagmanager.com|cloudflareinsights.com. Tout le reste dans Réseau disparaît de la vue, le panneau dataLayer juxtaposé affiche l'état courant. Le compteur de l'onglet indique toujours combien de requêtes ont été déclenchées au total, vous voyez donc quelle part du trafic relève du suivi.
Voir aussi
- Console de sortie — la fenêtre où vit l'onglet Réseau
- Raccourcis clavier JustZix — l'antisèche complète — y compris Alt+clic / Alt+Maj+clic
- Fenêtres sur la page — les fenêtres de développeur à l'intérieur de la page
Installez JustZix — et disposez d'un moniteur Réseau de niveau DevTools sur chaque onglet.
Notez cet article
Aucune note — soyez le premier.