1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
|
---
title: Détails des requêtes réseau
slug: Tools/Network_Monitor/request_details
translation_of: Tools/Network_Monitor/request_details
original_slug: Outils/Moniteur_réseau/request_details
---
<p>{{ToolsSidebar}}</p>
<p>Le panneau du détail des requêtes réseau apparait après la sélection d'une requête dans la liste. Ce panneau fournit des informations détaillées sur la requête.</p>
<h2 id="Détails_des_requêtes_réseau">Détails des requêtes réseau</h2>
<p>Cliquer sur une ligne affiche un nouveau panneau sur le côté droit du moniteur réseau, qui affiche plus d'informations détaillées sur la requête :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16261/network_request_details.png" style="display: block; height: 741px; margin-left: auto; margin-right: auto; width: 930px;"></p>
<p>Les onglets en haut du panneau vous permettent de passer entre cinq différentes pages :</p>
<ul>
<li><strong>En-têtes</strong></li>
<li><strong>Messages (seulement pour les éléments de WebSocket)</strong></li>
<li><strong>Cookies</strong></li>
<li><strong>Paramètres</strong></li>
<li><strong>Réponse</strong></li>
<li><strong>Délais</strong></li>
<li><strong>Sécurité </strong>(seulement pour les pages sécurisées)</li>
<li><strong>Trace de la pile</strong> (seulement lorsque la requête a une trace de la pile, c'est-à-dire un script appelé dans un script).</li>
</ul>
<p>Cliquer sur l'icône à gauche des onglets vous permet de fermer le panneau et retourner à la liste.</p>
<h3 id="En-têtes">En-têtes</h3>
<p>Cet onglet liste des informations essentielles de la requête :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16262/Network_Monitor_Closeup.png" style="border: 1px solid black; display: block; height: 747px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<p>Cela inclut :</p>
<ul>
<li>L'URL de la requête.</li>
<li>La méthode de la requête.</li>
<li>L'adresse IP distante et son port <em>(e de Firefox 39).</em></li>
<li>Le code d'état, avec un point d'interrogation redirigeant vers la documentation MDN (si disponible)</li>
<li>La requête HTTP et les en-têtes de la réponse qui ont été envoyés.</li>
<li>Un bouton pour <a href="/fr/docs/Tools/Network_Monitor/request_list/#Edit_and_Resend">éditer et renvoyer </a>la requête</li>
<li>Un bouton pour afficher les en-têtes bruts, et les en-têtes de réponse</li>
</ul>
<p>Il est possible de filtrer les en-têtes qui sont affichés :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16266/network_headers.png" style="border: 1px solid black; display: block; height: 295px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<p><span style="color: #000000;">Une icône en forme de point d'interrogation</span> est présente à côté de chaque en-tête (sur la même ligne que le code d'état). Ce lien pointe vers la <a href="/fr/docs/Web/HTTP/Headers">documentation des en-têtes HTTP</a> pour en savoir plus.</p>
<h3 id="Cookies">Cookies</h3>
<p>Cet onglet énumère tous les détails de chaque cookie avec la requête ou la réponse :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16265/network_cookies.png" style="border: 1px solid black; display: block; height: 748px; margin-left: auto; margin-right: auto; width: 2276px;"></p>
<p>Comme avec les en-têtes, vous pouvez filtrer la liste des cookies affichés. La liste complète des attibuts de cookie est affichée (voir la capture ci dessous pour un exemple).</p>
<p><img alt="cookies panel in firefox devtools network monitor, showing a number of cookie attributes including samesite" src="https://mdn.mozillademos.org/files/16108/highlight-samesite-attribute.png" style="display: block; height: 394px; margin: 0px auto; width: 1047px;"></p>
<p>L'attribut <code>samesite</code> est affiché depuis Firefox 62 ({{bug("1452715")}}).</p>
<h3 id="Paramètres">Paramètres</h3>
<p>Cet onglet affiche les paramètres de GET et les données POST de chaque requête :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16333/params.png" style="display: block; height: 215px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<h3 id="Réponse">Réponse</h3>
<p>Le contenu complet de la réponse. Si la réponse est du HTML, du JS ou du CSS, elle sera affichée comme texte :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16268/network_response.png" style="border: 1px solid black; display: block; height: 747px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<p>Si la réponse est du JSON, elle sera affichée comme objet inspectable :</p>
<p>Si la réponse est une image, l'onglet affiche un aperçu :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16331/response_pane_image.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<h4 id="Cache">Cache</h4>
<p>Si la réponse est mise en cache (c.-à-d. un 304), l'onglet cache affichera tous les détails sur la ressource mise en cache.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16329/response_cache.png" style="border: 1px solid black; display: block; height: 245px; margin: 0px auto; width: 567px;"></p>
<p>Parmis ces détails on trouve :</p>
<ul>
<li>Dernière consultation : La data à laquelle la ressource a été consultée.</li>
<li>Nombre de consultations : Le nombre de fois dans la session où la ressource a été consultée.</li>
<li>Taille des données : La taille de la ressource.</li>
<li>Dernière modification : La data à laquelle la ressource a été modifiée.</li>
<li>Expire le : La date a laquelle la ressource expire.</li>
<li>Appareil : L'appareil depuis lequel la ressource a été consultée (ex: "disque").</li>
</ul>
<h4 id="Pré-visualisation_HTML">Pré-visualisation HTML</h4>
<p>Depuis Firefox 59, si la réponse est du HTML, une prévisualisation du HTML rendu apparaitra dans l'onglet Réponse, au-dessus du texte de la réponse.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16272/settings_for_browser_debugger.png" style="border-style: solid; border-width: 1px; border: 1px solid black; display: block; height: 744px; margin: 0px auto; width: 900px;"></p>
<h3 id="Délais">Délais</h3>
<p>L'onglet affiche la séparation entre chaque étape définie dans la spécification de l'<a href="https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html">Archive HTTP</a> : </p>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bloqué</td>
<td>
<p>Temps passé dans la file d'attente de la connexion réseau</p>
<p>Le navigateur impose une limite sur le nombre de connexions simultanées qui peuvent être faites à un seul serveur. Dans Firefox, le nombre par défaut est 6. Mais il peut être changé en modifiant la préférence <code><a href="http://kb.mozillazine.org/Network.http.max-persistent-connections-per-server">network.http.max-persistent-connections-per-server</a></code>. Si toutes les connexions sont en cours d'utilisation, le navigateur ne peut plus charger de ressources jusqu'a ce qu'une connexion de libère.</p>
</td>
</tr>
<tr>
<td>Résolution DNS</td>
<td>Temps pris pour résoudre le nom d'un hôte</td>
</tr>
<tr>
<td>Connexion</td>
<td>Temps pris pour créer une connexion TCP</td>
</tr>
<tr>
<td>Envoi</td>
<td>Temps pris pour envoyer la requête HTTP au serveur</td>
</tr>
<tr>
<td>Attente</td>
<td>Temps d'attente du serveur</td>
</tr>
<tr>
<td>Réception</td>
<td>Temps pris pour recevoir la réponse entière depuis le serveur (ou le cache)</td>
</tr>
</tbody>
</table>
<p>Il présente également la chronologie de la requête de façon plus détaillée et annotée :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16271/network_timings.png" style="border: 1px solid black; display: block; height: 749px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<h3 id="Sécurité">Sécurité</h3>
<p>Si le site est chargé via HTTPS, l'onglet "Sécurité" apparait. Il contient les détails sur la connexion sécurisée. Cela inclut le protocole, le chiffrage, et les détails du certificat :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16269/network_security.png" style="border: 1px solid black; display: block; height: 748px; margin-left: auto; margin-right: auto; width: 2276px;"></p>
<p>L'onglet sécurité affiche un avertissement sur les faiblesses de sécurité. Actuellement il avertit de deux faiblesses :</p>
<ol>
<li>Utiliser SSLv3 au lieu de TLS</li>
<li>Utiliser le chiffrage RC4</li>
</ol>
<p><img alt="" src="https://mdn.mozillademos.org/files/10165/security-warning.png" style="display: block; height: 93px; margin-left: auto; margin-right: auto; width: 591px;"></p>
<h3 id="Trace_de_la_pile">Trace de la pile</h3>
<p><span style="color: #000000;">La trace de la pile est affichée dans son propre onglet, <span class="dico_title_2">surprenamment</span> nommé "Trace de la pile". Bien entendu, cela n'est valable que pour les réponses qui possèdent une trace de pile.</span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16270/network_stack_trace.png" style="border: 1px solid black; display: block; height: 205px; margin: 0px auto; width: 900px;"></p>
|
