1 files changed, 184 insertions, 0 deletions
diff --git a/files/fr/tools/network_monitor/request_details/index.html b/files/fr/tools/network_monitor/request_details/index.html
new file mode 100644
index 0000000000..f63ae19e4c
--- /dev/null
+++ b/files/fr/tools/network_monitor/request_details/index.html
@@ -0,0 +1,184 @@
+---
+title: Détails des requêtes réseau
+slug: Outils/Moniteur_réseau/request_details
+translation_of: Tools/Network_Monitor/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>