Fix #4269 - Removes empty/special characters (#4270)

* Remove ufeff * Remove u2064 * Remove u2062 * Replace u202f followed by : with  : * Replace u202f next to « or » with   and « or » * Replace u202f followed by ; with  ; * Replace u202f followed by ! with   * Replace u202f followed by ? with  ? * Replace remaining u202f with classical space * Replace u200b surrounded by space with classical space * Replace u200b surrounded by space with classical space - again (repeated) * Remove remaining u200b * Remove u200a * Replace u2009 with   * Remove u00ad * Replace u00a0 followed by : ! or ? with   and punctuation * Replace u00a0 surrounded « or » with   and punctuation * Replace u00a0 followed by whitespaces * Replace u00a0 preceded by whitespaces * Replace u00a0 followed by a newline with a newline * Replace u00a0 followed by a newline with a newline - Take2 * Replace u00a0 followed by a ;   and punctuation * Remove u00a0 followed by , * Remove u00a0 in indentation spaces with \n([ ]*)([\u00a0])([ ]*) * Manual replacement of ([\u00a0])([ ]+) * Replace remaining ([\u00a0]+) by a space * cleaning empty elements * remove ufe0f * Remove u00a0 and u202f after merging against updated main * remove double whitespace using (\w)( )(\w)
author: SphinxKnight <SphinxKnight@users.noreply.github.com> 2022-03-16 17:52:18 +0100
committer: GitHub <noreply@github.com> 2022-03-16 17:52:18 +0100
commit: 500f444d23a7a758da229ebe6b9691cc5d4fe731 (patch)
tree: ca277561f7f3c5f2c9c3e80a895ac32f30852238 /files/fr/tools
parent: de831e4687986c3a60b9ced69ce9faefda8df4b9 (diff)
download: translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.tar.gz
translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.tar.bz2
translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.zip
55 files changed, 246 insertions, 277 deletions
diff --git a/files/fr/tools/3d_view/index.html b/files/fr/tools/3d_view/index.html
index 8a6203a92e..f27c651d22 100644
--- a/files/fr/tools/3d_view/index.html
+++ b/files/fr/tools/3d_view/index.html
@@ -85,7 +85,7 @@ original_slug: Outils/Vue_3D
 <p>Il y a différentes façons la vue 3D est utile :</p>
 
 <ul>
- <li>Si vous avez modifié le HTML causant des problèmes de disposition, en regardant avec la vue 3D peut vous aidez à trouver où vous vous êtes trompés. Souvent, les problèmes de disposition sont causés dans l'emboîtement incorrect de contenu. Ceci peut devenir beaucoup plus évident en utilisant la vue 3D et voyant où vos éléments sont mal emboîtés.</li>
+ <li>Si vous avez modifié le HTML causant des problèmes de disposition, en regardant avec la vue 3D peut vous aidez à trouver où vous vous êtes trompés. Souvent, les problèmes de disposition sont causés dans l'emboîtement incorrect de contenu. Ceci peut devenir beaucoup plus évident en utilisant la vue 3D et voyant où vos éléments sont mal emboîtés.</li>
  <li>Si le contenu ne s'affiche pas, vous pouvez comprendre pourquoi; puisque la vue 3D vous laisse faire un zoom arrière pour voir les éléments qui rendent à l'extérieur de la zone visible de la page, vous pouvez trouver le contenu perdu cette façon.</li>
  <li>Vous pouvez obtenir un regard pour savoir comment votre page est structurée, pour voir s'il peut y avoir des façons d'optimiser votre disposition.</li>
  <li>Et, bien sûr, parce que c'est stupéfiant.</li>
diff --git a/files/fr/tools/about_colon_debugging/about_colon_debugging_before_firefox_68/index.html b/files/fr/tools/about_colon_debugging/about_colon_debugging_before_firefox_68/index.html
index f0a4e61ddb..bb4995ffc5 100644
--- a/files/fr/tools/about_colon_debugging/about_colon_debugging_before_firefox_68/index.html
+++ b/files/fr/tools/about_colon_debugging/about_colon_debugging_before_firefox_68/index.html
@@ -20,12 +20,12 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 
 <p>Quand about:debugging ouvre, a votre gauche, vous allez voir une barre latérale permettant de basculer entre les deux vues principales: une pour add-ons et une pour workers.</p>
 
-<p>Que system add-ons apparaisse ou non dans la liste sur cette page dépends sur les configurations de préférences de <code>devtools.aboutdebugging.showSystemAddons</code>. Si vous devez voir system add-ons, naviguez ver <code>about:config</code> et assurez-vous que la valeur est réglée sur <code>true</code>.</p>
+<p>Que system add-ons apparaisse ou non dans la liste sur cette page dépends sur les configurations de préférences de <code>devtools.aboutdebugging.showSystemAddons</code>. Si vous devez voir system add-ons, naviguez ver <code>about:config</code> et assurez-vous que la valeur est réglée sur <code>true</code>.</p>
 
 <h2 id="Add-ons">Add-ons</h2>
 
 <div class="note">
-<p>La section Add-ons dans about:debugging soutien seulement les restartless add-ons, en incluent <a href="/en-US/Add-ons/Bootstrapped_extensions">basic bootstrapped extensions</a>, <a href="/en-US/Add-ons/SDK">Add-on SDK add-ons</a>, et <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a>.</p>
+<p>La section Add-ons dans about:debugging soutien seulement les restartless add-ons, en incluent <a href="/en-US/Add-ons/Bootstrapped_extensions">basic bootstrapped extensions</a>, <a href="/en-US/Add-ons/SDK">Add-on SDK add-ons</a>, et <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a>.</p>
 </div>
 
 <p>Cette page vous permet de faire deux choses :</p>
@@ -40,23 +40,23 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <h3 id="Connecter_l’Add-on_Debugger"><strong>Connecter l’Add-on Debugger</strong></h3>
 
 <div class="note">
-<p>NNotez qu’en ce moment, il est recommandé d’utiliser le Browser Toolbox, pas l’Add-on Debugger, pour le débogage de WebExtensions. Regardez <a href="/en-US/Add-ons/WebExtensions/Debugging">Debugging WebExtensions</a> pour plus de détails.</p>
+<p>NNotez qu’en ce moment, il est recommandé d’utiliser le Browser Toolbox, pas l’Add-on Debugger, pour le débogage de WebExtensions. Regardez <a href="/en-US/Add-ons/WebExtensions/Debugging">Debugging WebExtensions</a> pour plus de détails.</p>
 </div>
 
 <p>La page Add-ons dans about:debugging vous donnes une liste de tous les restartless add-ons qui sont actuellement installés (notez que cette liste pourrait avoir des add-ons inclus qui sont venus préinstaller avec votre Firefox). À côté de chaque entrée est un bouton appeler "Debug".</p>
 
 <p>Si le bouton "Debug" est désactivé, cocher la boite "Enable add-on debugging".</p>
 
-<p>Si vous cliquez "Debug", vous allez voir un dialogue vous demandant d’accepter une connexion entrante. Cliquez "OK", et <a href="/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> va commencer dans une fenêtre séparée. Notez que parfois la fenêtre débogueur est cacher par la fenêtre principale de Firefox.</p>
+<p>Si vous cliquez "Debug", vous allez voir un dialogue vous demandant d’accepter une connexion entrante. Cliquez "OK", et <a href="/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> va commencer dans une fenêtre séparée. Notez que parfois la fenêtre débogueur est cacher par la fenêtre principale de Firefox.</p>
 
 <p>{{EmbedYouTube("tGGcA3bT3VA")}}</p>
 
-<p>Allez voir la page sure <a href="/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> pour toutes les chose vous pouvez faires avec cet outil.</p>
+<p>Allez voir la page sure <a href="/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> pour toutes les chose vous pouvez faires avec cet outil.</p>
 
 <div class="note">
-<p><a id="Enabling_add-on_debugging" name="Enabling_add-on_debugging">Le </a>bouton "Enable add-on debugging" fonctionne en allumant les preferences <code>devtools.chrome.enabled</code> et <code>devtools.debugger.remote-enabled</code>. Les deux préférences doivent être true pour activer add-on debugging. Cocher la boite définit les deux préférences sur <code>true</code>, et décocher les définit sur <code>false</code>.</p>
+<p><a id="Enabling_add-on_debugging" name="Enabling_add-on_debugging">Le </a>bouton "Enable add-on debugging" fonctionne en allumant les preferences <code>devtools.chrome.enabled</code> et <code>devtools.debugger.remote-enabled</code>. Les deux préférences doivent être true pour activer add-on debugging. Cocher la boite définit les deux préférences sur <code>true</code>, et décocher les définit sur <code>false</code>.</p>
 
-<p>Vous pouvez aussi modifier les préférences directement dans about:config, ou par cocher "Enable browser chrome and add-on debugging toolboxes" et "Enable remote debugging" dans <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">Developer Tools Settings</a>.</p>
+<p>Vous pouvez aussi modifier les préférences directement dans about:config, ou par cocher "Enable browser chrome and add-on debugging toolboxes" et "Enable remote debugging" dans <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">Developer Tools Settings</a>.</p>
 </div>
 
 <h3 id="Charger_un_add-on_temporaire">Charger un add-on temporaire</h3>
@@ -81,13 +81,13 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <h4 id="Avant_Firefox_48">Avant Firefox 48</h4>
 
 <ul>
- <li>Si vous modifiez des fichiers charger à la demande, comme <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> ou <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Browser_actions_2">popups</a>, les modifications que vous faites sont détectés et ramassés automatiquement, et vous les verrez la prochaine fois le script de contenu est charger ou le popup se montre.</li>
- <li>Si vous modifiez des fichiers qui restent chargés tout le temps, comme <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background </a>vous pouvez trouver les changements vous avez faites par désactiver et réactiver l’add-on dans la page about:addons.</li>
- <li>Si vous modifiez des fichiers qui sont analyses qu’à l’installation, comme le fichier  <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>, vous allez devoir recommencer Firefox, et puis charger l’add-on encore.</li>
+ <li>Si vous modifiez des fichiers charger à la demande, comme <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> ou <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Browser_actions_2">popups</a>, les modifications que vous faites sont détectés et ramassés automatiquement, et vous les verrez la prochaine fois le script de contenu est charger ou le popup se montre.</li>
+ <li>Si vous modifiez des fichiers qui restent chargés tout le temps, comme <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background </a>vous pouvez trouver les changements vous avez faites par désactiver et réactiver l’add-on dans la page about:addons.</li>
+ <li>Si vous modifiez des fichiers qui sont analyses qu’à l’installation, comme le fichier  <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>, vous allez devoir recommencer Firefox, et puis charger l’add-on encore.</li>
 </ul>
 
 <div class="note">
-<p>Notez qu’avant Firefox 48, charger l’add-on encore par appuyant "Load Temporary Add-on" sans recommencer Firefox <em>ne fonctionne pas</em>.</p>
+<p>Notez qu’avant Firefox 48, charger l’add-on encore par appuyant "Load Temporary Add-on" sans recommencer Firefox <em>ne fonctionne pas</em>.</p>
 </div>
 
 <h4 id="A_partir_de_Firefox_48">A partir de Firefox 48</h4>
@@ -98,11 +98,11 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <p>De Firefox 48 et plus tard:</p>
 
 <ul>
- <li>Comme avant: Si vous modifiez des fichiers charger à la demande, <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> ou <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Browser_actions_2">popups</a>, les modifications sont détectées et ramassées automatiquement, et vous les verrez la prochaine fois le script de contenu est charger ou le popup se montre.</li>
+ <li>Comme avant: Si vous modifiez des fichiers charger à la demande, <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> ou <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Browser_actions_2">popups</a>, les modifications sont détectées et ramassées automatiquement, et vous les verrez la prochaine fois le script de contenu est charger ou le popup se montre.</li>
  <li>Il y a une meilleure façon de gérer les autres cas: cliquez le bouton "Reload" à côté du bouton "Debug". Cela fait ce qu’il dit:
   <ul>
-   <li>Le rechargement des scripts persistants, comme <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a></li>
-   <li>Analyser le fichier manifest.json encore, donc change à <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> ou n’importe autre clé prendras effet.</li>
+   <li>Le rechargement des scripts persistants, comme <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a></li>
+   <li>Analyser le fichier manifest.json encore, donc change à <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> ou n’importe autre clé prendras effet.</li>
   </ul>
  </li>
 </ul>
@@ -113,11 +113,11 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 
 <h2 id="Tabs">Tabs</h2>
 
-<p>Dans Firefox 49 et plus tard, une page Tabs est disponible dans <code>about:debugging</code> — cela vous donne une liste complète de tous les onglets débogables ouverts dans l’instance courent Firefox.</p>
+<p>Dans Firefox 49 et plus tard, une page Tabs est disponible dans <code>about:debugging</code> — cela vous donne une liste complète de tous les onglets débogables ouverts dans l’instance courent Firefox.</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13617/about-debugging-tabs.png" style="display: block; height: 628px; margin: 0px auto; width: 900px;"></p>
 
-<p>Chaque entrée tab à un bouton <em>Debug</em> à-côté — quand cliquer, ceci va ouvrir un toolbox spécifique à l’onglet, vous permettant de déboguer les contenus de cet onglet.</p>
+<p>Chaque entrée tab à un bouton <em>Debug</em> à-côté — quand cliquer, ceci va ouvrir un toolbox spécifique à l’onglet, vous permettant de déboguer les contenus de cet onglet.</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13619/about-debugging-tabs-toolbox.png" style="display: block; height: 628px; margin: 0px auto; width: 900px;"></p>
 
@@ -132,7 +132,7 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <ul>
  <li>All registered <a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a></li>
  <li>All registered <a href="/en-US/docs/Web/API/SharedWorker">Shared Workers</a></li>
- <li>Other workers, including <a href="/en-US/docs/Web/API/ChromeWorker">Chrome Workers</a> and <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Dedicated_workers">Dedicated Workers</a></li>
+ <li>Other workers, including <a href="/en-US/docs/Web/API/ChromeWorker">Chrome Workers</a> and <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Dedicated_workers">Dedicated Workers</a></li>
 </ul>
 
 <p>Vous pouvez connectez les outils de développeurs à chaque worker, et envoyer des notifications push au service workers.</p>
@@ -152,7 +152,7 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <p><img alt="" src="https://mdn.mozillademos.org/files/14488/service-worker-status.png" style="display: block; height: 555px; margin-left: auto; margin-right: auto; width: 900px;"></p>
 
 <div class="note">
-<p>Cette section utilise une démo simple de ServiceWorker, hébergé a  <a href="https://serviceworke.rs/push-simple/">https://serviceworke.rs/push-simple/</a>.</p>
+<p>Cette section utilise une démo simple de ServiceWorker, hébergé a  <a href="https://serviceworke.rs/push-simple/">https://serviceworke.rs/push-simple/</a>.</p>
 </div>
 
 <h3 id="Débogage_de_workers">Débogage de workers</h3>
@@ -165,7 +165,7 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 
 <h3 id="Enregistrement_des_workers">Enregistrement des workers</h3>
 
-<p>Premièrement, vous n’allez voir aucun worker lister sous <em>Service Workers</em> ou <em>Shared Workers</em>. Aussitôt qu’un worker est enregistrer, la liste est mis-a-jour:</p>
+<p>Premièrement, vous n’allez voir aucun worker lister sous <em>Service Workers</em> ou <em>Shared Workers</em>. Aussitôt qu’un worker est enregistrer, la liste est mis-a-jour:</p>
 
 <p>{{EmbedYouTube("wy4kyWFhFF4")}}</p>
 
@@ -208,5 +208,5 @@ original_slug: Outils/about:debugging/about:debugging_before_Firefox_68
 <ul>
  <li>Si vous utilisez une fenêtre Private Browsing.</li>
  <li>Si vos preferences d’Historique sont mis a "Never Remember History" ou "Always use private browsing mode".</li>
- <li>Si la préférence de <code>dom.serviceWorkers.enable</code> est réglé sur false dans <code>about:config</code>.</li>
+ <li>Si la préférence de <code>dom.serviceWorkers.enable</code> est réglé sur false dans <code>about:config</code>.</li>
 </ul>
diff --git a/files/fr/tools/accessibility_inspector/index.html b/files/fr/tools/accessibility_inspector/index.html
index 50631b149e..b654fd0bd4 100644
--- a/files/fr/tools/accessibility_inspector/index.html
+++ b/files/fr/tools/accessibility_inspector/index.html
@@ -86,8 +86,6 @@ original_slug: Outils/Inspecteur_accessibilite
  <li>Lorsqu'un des panneaux a le focus, on peut déplacer le focus entre les différents éléments qui compose ce panneau grâce aux flèches haut et bas du clavier. Les flèches droite et gauche permettent de développer ou de réduire les arborescences.</li>
 </ul>
 
-<p> </p>
-
 <h3 id="Afficher_l'arbre_accessibilité_en_JSON">Afficher l'arbre accessibilité en JSON</h3>
 
 <p>Il est possible d'afficher l'arbre accessibilité en JSON avec un clic droit sur une ligne dans le panneau Accessibilité et en cliquant sur "<strong>Afficher JSON" </strong>:</p>
@@ -138,19 +136,15 @@ original_slug: Outils/Inspecteur_accessibilite
 
 <p>À partir de Firefox 65, afficher cette information pour un texte aillant une image de fond complexe (i.e un dégradé), donnera une plage de valeurs de contraste. Par exemple :</p>
 
-<p> </p>
-
 <p><img alt="A screenshot of colour contrast highlighter where for text over gradient background with contrast satisfying the AAA WCAG guidelines." src="https://mdn.mozillademos.org/files/16460/Screen_Shot_2019-01-29_at_10.21.07.png" style="display: block; height: 434px; margin: 0px auto; width: 1484px;"></p>
 
-<p> </p>
-
 <p>On voit avec cette image que le niveau de contraste va de 4.72 à 5.98. Ces nombres sont suivis de la note "AAA" et d'une coche verte qui indique que le texte possède un niveau de contraste supérieur ou égal à 4.5:1 ou plus et qu'il respecte les règles de contraste amélioré, correspondant au niveau AAA.</p>
 
 <p>Voir <a href="/fr/docs/Apprendre/a11y/CSS_and_JavaScript#Color_and_color_contrast">les bonnes pratiques d'accessibilité CSS et JavaScript</a> pour plus d'informations.</p>
 
 <h3 id="Sélecteur_d'accessibilité">Sélecteur d'accessibilité</h3>
 
-<p><a href="/fr/docs/Outils/Inspecteur/Comment/Sélectionner_un_élément">Le panneau Inspecteur pour l'inspection du code HTML</a> possède un sélecteur qui permet de choisir un élément sur la page et de le retrouver dans le DOM. De même, le panneau  <em>Accessibilité</em> possède un bouton de sélection sur lequel on peut appuyer pour ensuite survoler la page et choisir un des éléments affichés afin de retrouver l'élément dans le panneau dans l'arbre d'accessibilité.</p>
+<p><a href="/fr/docs/Outils/Inspecteur/Comment/Sélectionner_un_élément">Le panneau Inspecteur pour l'inspection du code HTML</a> possède un sélecteur qui permet de choisir un élément sur la page et de le retrouver dans le DOM. De même, le panneau  <em>Accessibilité</em> possède un bouton de sélection sur lequel on peut appuyer pour ensuite survoler la page et choisir un des éléments affichés afin de retrouver l'élément dans le panneau dans l'arbre d'accessibilité.</p>
 
 <p>Les icônes pour les deux sélecteurs (accessibilité et inspecteur HTML) varient légèrement, comme on peut le voir dans ces deux captures d'écran :</p>
 
diff --git a/files/fr/tools/accessibility_inspector/simulation/index.html b/files/fr/tools/accessibility_inspector/simulation/index.html
index 1ac35c878b..16ff57470c 100644
--- a/files/fr/tools/accessibility_inspector/simulation/index.html
+++ b/files/fr/tools/accessibility_inspector/simulation/index.html
@@ -21,7 +21,7 @@ original_slug: Outils/Inspecteur_accessibilite/Simulation
 <p>La perte de sensibilité aux contrastes peut être causée par la cataracte, le glaucome, la rétinopathie diabétique et d'autres troubles de la rétine ; elle peut être liée à l'âge, d'origine congénitale ou due à une blessure.</p>
 
 <div class="blockIndicator note">
-<p>Pour activer cette fonctionnalité vous devez avoir activé le <em>webrender</em>. Selon votre configuration de Firefox il peut être activé par défaut. Dans l'<a href="https://support.mozilla.org/fr/kb/editeur-configuration-firefox">éditeur de configuration de Firefox</a>, assurez-vous que l'option <strong>gfx.webrender.all</strong> est définie sur <code>true</code>.<em> </em></p>
+<p>Pour activer cette fonctionnalité vous devez avoir activé le <em>webrender</em>. Selon votre configuration de Firefox il peut être activé par défaut. Dans l'<a href="https://support.mozilla.org/fr/kb/editeur-configuration-firefox">éditeur de configuration de Firefox</a>, assurez-vous que l'option <strong>gfx.webrender.all</strong> est définie sur <code>true</code>.</p>
 </div>
 
 <p>Dans le menu <strong>Simuler</strong>, vous pouvez choisir une option à la fois dans la liste suivante :</p>
diff --git a/files/fr/tools/browser_toolbox/index.html b/files/fr/tools/browser_toolbox/index.html
index 0fd0e6185d..f5c9818799 100644
--- a/files/fr/tools/browser_toolbox/index.html
+++ b/files/fr/tools/browser_toolbox/index.html
@@ -63,11 +63,9 @@ original_slug: Outils/Boîte_à_outils_du_navigateur
 
 <p>Il est difficile de déboguer les popups, car le navigateur les cache dès que vous cliquez en dehors d'eux. Il existe un moyen de désactiver ce comportement. Cliquez sur le menu de la boîte à outils et sélectionnez <strong>Désactiver le masquage automatique des popups</strong>.</p>
 
-<p> </p>
-
 <p><img alt="" src="https://mdn.mozillademos.org/files/16234/popup_auto-hide.png" style="display: block; height: 249px; margin: 0px auto; width: 350px;"></p>
 
-<p>Maintenant, lorsque vous ouvrez une fenêtre pop-up, elle reste ouverte jusqu'à ce que vous appuyiez sur la touche <kbd>Echap</kbd>  . Vous pouvez utiliser le sélecteur de nœuds de l'Inspecteur pour sélectionner ce panneau, puis examiner et modifier son contenu :</p>
+<p>Maintenant, lorsque vous ouvrez une fenêtre pop-up, elle reste ouverte jusqu'à ce que vous appuyiez sur la touche <kbd>Echap</kbd>  . Vous pouvez utiliser le sélecteur de nœuds de l'Inspecteur pour sélectionner ce panneau, puis examiner et modifier son contenu :</p>
 
 <p>{{EmbedYouTube("6edXcunw4jM")}}</p>
 
diff --git a/files/fr/tools/debugger/how_to/breaking_on_exceptions/index.html b/files/fr/tools/debugger/how_to/breaking_on_exceptions/index.html
index 8b2563f864..18d8de96ad 100644
--- a/files/fr/tools/debugger/how_to/breaking_on_exceptions/index.html
+++ b/files/fr/tools/debugger/how_to/breaking_on_exceptions/index.html
@@ -10,8 +10,6 @@ original_slug: Outils/Débogueur/Comment/Breaking_on_exceptions
 
 <div>Pour que le Débogueur s'arrête sur les <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Error">exceptions</a>, il suffit de cliquer sur une de ces cases à cocher dans la <a href="/fr/docs/Tools/Debugger/UI_Tour#Breakpoints_list">Liste des points d'arrêt</a> :</div>
 
-<div> </div>
-
 <div><img alt="Screen shot from 64.0+build3-0ubuntu0.16.04.1" src="https://mdn.mozillademos.org/files/16397/version64UI.png" style="height: 167px; width: 506px;"></div>
 
 <h4 id="Versions_antérieures">Versions antérieures</h4>
diff --git a/files/fr/tools/debugger/how_to/debug_eval_sources/index.html b/files/fr/tools/debugger/how_to/debug_eval_sources/index.html
index aee0c4ddb6..ea005ebdac 100644
--- a/files/fr/tools/debugger/how_to/debug_eval_sources/index.html
+++ b/files/fr/tools/debugger/how_to/debug_eval_sources/index.html
@@ -21,7 +21,7 @@ var button = document.getElementById("foo");
 button.addEventListener("click", foo, false);
 </pre>
 
-<p>Cela nome le script "mon-foo.js"en utilisant l'instruction <code>//# sourceURL</code>. Cette source est alors listée dans le <a href="/fr/docs/Tools/Debugger/UI_Tour#Source_list_pane">panneau de la liste des sources</a>, et peut être ouverte comme n'importe quelle source.</p>
+<p>Cela nome le script "mon-foo.js"en utilisant l'instruction <code>//# sourceURL</code>. Cette source est alors listée dans le <a href="/fr/docs/Tools/Debugger/UI_Tour#Source_list_pane">panneau de la liste des sources</a>, et peut être ouverte comme n'importe quelle source.</p>
 
 <p>{{EmbedYouTube("nFm8F8Anmic")}}</p>
 
diff --git a/files/fr/tools/debugger/how_to/ignore_a_source/index.html b/files/fr/tools/debugger/how_to/ignore_a_source/index.html
index b81508c5d4..50bbfbad47 100644
--- a/files/fr/tools/debugger/how_to/ignore_a_source/index.html
+++ b/files/fr/tools/debugger/how_to/ignore_a_source/index.html
@@ -12,7 +12,7 @@ original_slug: Outils/Débogueur/Comment/Mettre_une_source_dans_une_boîte_noire
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13218/debugger-black-box.png" style="display: block; height: 401px; margin-left: auto; margin-right: auto; width: 922px;"></p>
 
-<p>Il est possible de placer plusieurs fichiers sources dans des boîtes noires en ouvrant la <a href="/fr/docs/Tools/GCLI">Barre de développement</a>  et utilisant la commande   <code>dbg blackbox</code> :</p>
+<p>Il est possible de placer plusieurs fichiers sources dans des boîtes noires en ouvrant la <a href="/fr/docs/Tools/GCLI">Barre de développement</a>  et utilisant la commande   <code>dbg blackbox</code> :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5997/command.png" style="display: block; height: 48px; margin-left: auto; margin-right: auto; width: 537px;"></p>
 
diff --git a/files/fr/tools/debugger/how_to/open_the_debugger/index.html b/files/fr/tools/debugger/how_to/open_the_debugger/index.html
index 973d8f8503..9de39195d2 100644
--- a/files/fr/tools/debugger/how_to/open_the_debugger/index.html
+++ b/files/fr/tools/debugger/how_to/open_the_debugger/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Débogueur/Comment/Ouvrir_le_débogueur
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p>Il y a deux façons d'ouvrir le Débogueur :</p>
+<p>Il y a deux façons d'ouvrir le Débogueur&nbsp;:</p>
 
 <ul>
  <li>Sélectionner "Débogueur" dans le menu Développement qui est un sous-menu du menu Firefox.</li>
diff --git a/files/fr/tools/debugger/ui_tour/index.html b/files/fr/tools/debugger/ui_tour/index.html
index a5b1870c21..9cf07351aa 100644
--- a/files/fr/tools/debugger/ui_tour/index.html
+++ b/files/fr/tools/debugger/ui_tour/index.html
@@ -56,7 +56,7 @@ original_slug: Outils/Débogueur/Visite_guidée_de_l_interface_utilisateur
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16843/debugger_uiTour_02.5.png" style="border: 1px solid black; display: block; height: 598px; margin-left: auto; margin-right: auto; width: 922px;"></p>
 
-<p>Lorsque le panneau des sources est sélectionné, il est possible de <a href="/fr/docs/Tools/Debugger/How_to/Search#Searching_within_a_file">rechercher une string dans le fichier</a> en utilisant  <kbd>Ctrl</kbd> + <kbd>F</kbd> (<kbd>Cmd</kbd> + <kbd>F</kbd> sur Mac).</p>
+<p>Lorsque le panneau des sources est sélectionné, il est possible de <a href="/fr/docs/Tools/Debugger/How_to/Search#Searching_within_a_file">rechercher une string dans le fichier</a> en utilisant  <kbd>Ctrl</kbd> + <kbd>F</kbd> (<kbd>Cmd</kbd> + <kbd>F</kbd> sur Mac).</p>
 
 <p><a href="/fr/docs/Tools/Debugger/How_to/Set_a_breakpoint">Les points d'arrêt</a> ont une flèche bleue superposée au numéro de ligne. Les <a href="/fr/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">points d'arrêt conditionnels</a> ont eux une flèche orange. Si le code est arrêté à un point d'arrêt, la flèche est surchargée de vert. Dans la capture d'écran ci-dessous, il y a trois points d'arrêt :</p>
 
@@ -93,7 +93,7 @@ original_slug: Outils/Débogueur/Visite_guidée_de_l_interface_utilisateur
 
 <h2 id="Liste_des_points_darrêt">Liste des points d'arrêt</h2>
 
-<p>Sous la barre d'outils, se trouve une liste de tous les points d'arrêt. À côté de chaque point, il y a une case à cocher qui permet <a href="/fr/docs/Tools/Debugger/How_to/Disable_breakpoints">d'activer/désactiver le point d'arrêt</a> :</p>
+<p>Sous la barre d'outils, se trouve une liste de tous les points d'arrêt. À côté de chaque point, il y a une case à cocher qui permet <a href="/fr/docs/Tools/Debugger/How_to/Disable_breakpoints">d'activer/désactiver le point d'arrêt</a> :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16845/debugger_uiTour_breakpoints.png" style="border: 1px solid black; display: block; height: 445px; margin-left: auto; margin-right: auto; width: 922px;"></p>
 
diff --git a/files/fr/tools/devtoolsapi/index.html b/files/fr/tools/devtoolsapi/index.html
index bef86427d4..dcb332c94f 100644
--- a/files/fr/tools/devtoolsapi/index.html
+++ b/files/fr/tools/devtoolsapi/index.html
@@ -108,7 +108,7 @@ original_slug: Outils/DevToolsAPI
  <dt>
  <h5 id="getToolDefinitionMap()"><code>getToolDefinitionMap()</code></h5>
  </dt>
- <dd>Returns a toolId → {{anch("ToolDefinition")}} map for tools that are enabled.</dd>
+ <dd>Returns a toolId → {{anch("ToolDefinition")}} map for tools that are enabled.</dd>
  <dt>
  <h5 id="getToolDefinitionArray()"><code>getToolDefinitionArray()</code></h5>
  </dt>
@@ -275,7 +275,7 @@ original_slug: Outils/DevToolsAPI
  <br>
  <strong>Return value:</strong><br>
  A {{domxref("Promise")}} that is fulfilled with the {{anch("ToolPanel")}} object of the loaded panel once the tool has loaded.<br>
-  </dd>
+  </dd>
  <dt>
  <h5 id="selectTool(toolId)"><code>selectTool(toolId)</code></h5>
  </dt>
@@ -342,7 +342,7 @@ original_slug: Outils/DevToolsAPI
  <br>
  <strong>Return value:</strong><br>
  A {{domxref("Promise")}} that is fulfilled once the new host is ready.<br>
-  </dd>
+  </dd>
  <dt>
  <h5 id="reloadTarget(force)"><code>reloadTarget(force)</code></h5>
  </dt>
@@ -799,7 +799,7 @@ gDevTools.once("netmonitor-init").then(toolbox =&gt; {
 
 <p>Register a tool</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js">gDevTools<span class="punctuation token">.</span><span class="function token">registerTool</span><span class="punctuation token">(</span><span class="punctuation token">{</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js">gDevTools<span class="punctuation token">.</span><span class="function token">registerTool</span><span class="punctuation token">(</span><span class="punctuation token">{</span>
   <span class="comment token">// FIXME: missing key related properties.</span>
   id<span class="punctuation token">:</span> <span class="string token">"inspector"</span><span class="punctuation token">,</span>
   icon<span class="punctuation token">:</span> <span class="string token">"chrome://browser/skin/devtools/inspector-icon.png"</span><span class="punctuation token">,</span>
@@ -820,7 +820,7 @@ gDevTools.once("netmonitor-init").then(toolbox =&gt; {
 
 <p>Open a tool, or select it if the toolbox is already open:</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">let</span> target <span class="operator token">=</span> TargetFactory<span class="punctuation token">.</span><span class="function token">forTab</span><span class="punctuation token">(</span>gBrowser<span class="punctuation token">.</span>selectedTab<span class="punctuation token">)</span><span class="punctuation token">;</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">let</span> target <span class="operator token">=</span> TargetFactory<span class="punctuation token">.</span><span class="function token">forTab</span><span class="punctuation token">(</span>gBrowser<span class="punctuation token">.</span>selectedTab<span class="punctuation token">)</span><span class="punctuation token">;</span>
 <span class="keyword token">let</span> toolbox <span class="operator token">=</span> gDevTools<span class="punctuation token">.</span><span class="function token">openToolbox</span><span class="punctuation token">(</span>target<span class="punctuation token">,</span> <span class="keyword token">null</span><span class="punctuation token">,</span> <span class="string token">"inspector"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 
 toolbox<span class="punctuation token">.</span><span class="function token">once</span><span class="punctuation token">(</span><span class="string token">"inspector-ready"</span><span class="punctuation token">,</span> <span class="keyword token">function</span><span class="punctuation token">(</span>event<span class="punctuation token">,</span> panel<span class="punctuation token">)</span> <span class="punctuation token">{</span>
@@ -830,7 +830,7 @@ toolbox<span class="punctuation token">.</span><span class="function token">once
 
 <p>Add a sidebar to an existing tool:</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">let</span> sidebar <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">ToolSidebar</span><span class="punctuation token">(</span>xulTabbox<span class="punctuation token">,</span> toolPanel<span class="punctuation token">,</span> <span class="string token">"toolId"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">let</span> sidebar <span class="operator token">=</span> <span class="keyword token">new</span> <span class="class-name token">ToolSidebar</span><span class="punctuation token">(</span>xulTabbox<span class="punctuation token">,</span> toolPanel<span class="punctuation token">,</span> <span class="string token">"toolId"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 sidebar<span class="punctuation token">.</span><span class="function token">addTab</span><span class="punctuation token">(</span><span class="string token">"tab1"</span><span class="punctuation token">,</span> <span class="string token">"chrome://browser/content/.../tab1.xhtml"</span><span class="punctuation token">,</span> <span class="keyword token">true</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 sidebar<span class="punctuation token">.</span><span class="function token">addTab</span><span class="punctuation token">(</span><span class="string token">"tab2"</span><span class="punctuation token">,</span> <span class="string token">"chrome://browser/content/.../tab2.xhtml"</span><span class="punctuation token">,</span> <span class="keyword token">false</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 sidebar<span class="punctuation token">.</span><span class="function token">show</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
diff --git a/files/fr/tools/devtoolscolors/index.html b/files/fr/tools/devtoolscolors/index.html
index 7d4698d8d0..b8f4fa9c3a 100644
--- a/files/fr/tools/devtoolscolors/index.html
+++ b/files/fr/tools/devtoolscolors/index.html
@@ -17,7 +17,7 @@ original_slug: Outils/Couleurs_des_DevTools
 <table>
  <thead>
   <tr>
-   <th> </th>
+   <th></th>
    <th>Thème sombre</th>
    <th>Thème lumineux</th>
    <th>Variable CSS</th>
@@ -28,18 +28,18 @@ original_slug: Outils/Couleurs_des_DevTools
    <th colspan="3">
     <h3 id="Couleurs_Chrome">Couleurs Chrome</h3>
    </th>
-   <th> </th>
+   <th></th>
   </tr>
   <tr>
    <th>Onglets de barre d'outils</th>
    <td>
-    <div class="swatch" style="background: #252c33;"> </div>
+    <div class="swatch" style="background: #252c33;"> </div>
 
     <p>#252c33<br>
      rgba(37, 44, 51, 1)</p>
    </td>
    <td>
-    <div class="swatch" style="background: #ebeced;"> </div>
+    <div class="swatch" style="background: #ebeced;"> </div>
     #ebeced<br>
     rgba(235, 236, 237, 1)</td>
    <td>--theme-tab-toolbar-background</td>
@@ -47,11 +47,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Barre d'outils</th>
    <td>
-    <div class="swatch" style="background: #343c45;"> </div>
+    <div class="swatch" style="background: #343c45;"> </div>
     #343c45<br>
     rgba(52, 60, 69, 1)</td>
    <td>
-    <div class="swatch" style="background: #f0f1f2;"> </div>
+    <div class="swatch" style="background: #f0f1f2;"> </div>
     #f0f1f2<br>
     rgba(240, 241, 242, 1)</td>
    <td>--theme-toolbar-background</td>
@@ -59,11 +59,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Fond de sélection</th>
    <td>
-    <div class="swatch" style="background: #1d4f73;"> </div>
+    <div class="swatch" style="background: #1d4f73;"> </div>
     #1d4f73<br>
     rgba(29, 79, 115, 1)</td>
    <td>
-    <div class="swatch" style="background: #4c9ed9;"> </div>
+    <div class="swatch" style="background: #4c9ed9;"> </div>
     #4c9ed9<br>
     rgba(76, 158, 217, 1)</td>
    <td>--theme-selection-background</td>
@@ -71,11 +71,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Couleur du texte de sélection</th>
    <td>
-    <div class="swatch" style="background: #f5f7fa;"> </div>
+    <div class="swatch" style="background: #f5f7fa;"> </div>
     #f5f7fa<br>
     rgba(245, 247, 250, 1)</td>
    <td>
-    <div class="swatch" style="background: #f5f7fa;"> </div>
+    <div class="swatch" style="background: #f5f7fa;"> </div>
     #f5f7fa<br>
     rgba(245, 247, 250, 1)</td>
    <td>--theme-selection-color</td>
@@ -83,11 +83,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Séparateurs</th>
    <td>
-    <div class="swatch" style="background: #000000;"> </div>
+    <div class="swatch" style="background: #000000;"> </div>
     #000000<br>
     rgba(0, 0, 0, 1)</td>
    <td>
-    <div class="swatch" style="background: #aaaaaa;"> </div>
+    <div class="swatch" style="background: #aaaaaa;"> </div>
     #aaaaaa<br>
     rgba(170, 170, 170, 1)</td>
    <td>--theme-splitter-color</td>
@@ -95,13 +95,13 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Commentaires</th>
    <td>
-    <div class="swatch" style="background: #5c6773;"> </div>
+    <div class="swatch" style="background: #5c6773;"> </div>
 
     <p>#5c6773<br>
      rgba(92, 103, 115, 1)</p>
    </td>
    <td>
-    <div class="swatch" style="background: #747573;"> </div>
+    <div class="swatch" style="background: #747573;"> </div>
 
     <p>#747573<br>
      rgba(116, 117, 115, 1)</p>
@@ -114,16 +114,16 @@ original_slug: Outils/Couleurs_des_DevTools
    <th colspan="3">
     <h3 id="Couleurs_de_contenu">Couleurs de contenu</h3>
    </th>
-   <th> </th>
+   <th></th>
   </tr>
   <tr>
    <th>Fond du "Body"</th>
    <td>
-    <div class="swatch" style="background: #14171a;"> </div>
+    <div class="swatch" style="background: #14171a;"> </div>
     #14171a<br>
     rgba(17, 19, 21, 1)</td>
    <td>
-    <div class="swatch" style="background: #fcfcfc;"> </div>
+    <div class="swatch" style="background: #fcfcfc;"> </div>
     #fcfcfc<br>
     rgba(252, 252, 252, 1)</td>
    <td>--theme-body-background</td>
@@ -131,11 +131,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Fond de la "Sidebar"</th>
    <td>
-    <div class="swatch" style="background: #181d20;"> </div>
+    <div class="swatch" style="background: #181d20;"> </div>
     #181d20<br>
     rgba(24, 29, 32, 1)</td>
    <td>
-    <div class="swatch" style="background: #f7f7f7;"> </div>
+    <div class="swatch" style="background: #f7f7f7;"> </div>
     #f7f7f7<br>
     rgba(247, 247, 247, 1)</td>
    <td>--theme-sidebar-background</td>
@@ -143,11 +143,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Fond de l'Attention</th>
    <td>
-    <div class="swatch" style="background: #b28025;"> </div>
+    <div class="swatch" style="background: #b28025;"> </div>
     #b28025<br>
     rgba(178, 128, 37, 1)</td>
    <td>
-    <div class="swatch" style="background: #e6b064;"> </div>
+    <div class="swatch" style="background: #e6b064;"> </div>
     #e6b064<br>
     rgba(230, 176, 100, 1)</td>
    <td>--theme-contrast-background</td>
@@ -158,16 +158,16 @@ original_slug: Outils/Couleurs_des_DevTools
    <th colspan="3">
     <h3 id="Couleurs_de_texte">Couleurs de texte</h3>
    </th>
-   <th> </th>
+   <th></th>
   </tr>
   <tr>
    <th>Texte du "Body"</th>
    <td>
-    <div class="swatch" style="background: #8fa1b2;"> </div>
+    <div class="swatch" style="background: #8fa1b2;"> </div>
     #8fa1b2<br>
     rgba(143, 161, 178, 1)</td>
    <td>
-    <div class="swatch" style="background: #18191a;"> </div>
+    <div class="swatch" style="background: #18191a;"> </div>
     #18191a<br>
     rgba(24, 25, 26, 1)</td>
    <td>--theme-body-color</td>
@@ -175,11 +175,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Texte de premier plan gris</th>
    <td>
-    <div class="swatch" style="background: #b6babf;"> </div>
+    <div class="swatch" style="background: #b6babf;"> </div>
     #b6babf<br>
     rgba(182, 186, 191, 1)</td>
    <td>
-    <div class="swatch" style="background: #585959;"> </div>
+    <div class="swatch" style="background: #585959;"> </div>
     #585959<br>
     rgba(88, 89, 89, 1)</td>
    <td>--theme-body-color-alt</td>
@@ -187,11 +187,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Texte de contenu de haut contraste</th>
    <td>
-    <div class="swatch" style="background: #a9bacb;"> </div>
+    <div class="swatch" style="background: #a9bacb;"> </div>
     #a9bacb<br>
     rgba(169, 186, 203, 1)</td>
    <td>
-    <div class="swatch" style="background: #292e33;"> </div>
+    <div class="swatch" style="background: #292e33;"> </div>
     #292e33<br>
     rgba(41, 46, 51, 1)</td>
    <td>--theme-content-color1</td>
@@ -199,11 +199,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Texte de contenu gris</th>
    <td>
-    <div class="swatch" style="background: #8fa1b2;"> </div>
+    <div class="swatch" style="background: #8fa1b2;"> </div>
     #8fa1b2<br>
     rgba(143, 161, 178, 1)</td>
    <td>
-    <div class="swatch" style="background: #8fa1b2;"> </div>
+    <div class="swatch" style="background: #8fa1b2;"> </div>
     #8fa1b2<br>
     rgba(143, 161, 178, 1)</td>
    <td>--theme-content-color2</td>
@@ -211,11 +211,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Texte de contenu gris sombre</th>
    <td>
-    <div class="swatch" style="background: #667380;"> </div>
+    <div class="swatch" style="background: #667380;"> </div>
     #667380<br>
     rgba(102, 115, 128, 1)</td>
    <td>
-    <div class="swatch" style="background: #667380;"> </div>
+    <div class="swatch" style="background: #667380;"> </div>
     #667380<br>
     rgba(102, 115, 128, 1)</td>
    <td>--theme-content-color3</td>
@@ -226,16 +226,16 @@ original_slug: Outils/Couleurs_des_DevTools
    <th colspan="3">
     <h3 id="Couleurs_de_surbrillance">Couleurs de surbrillance</h3>
    </th>
-   <th> </th>
+   <th></th>
   </tr>
   <tr>
    <th>Bleu</th>
    <td>
-    <div class="swatch" style="background: #46afe3;"> </div>
+    <div class="swatch" style="background: #46afe3;"> </div>
     #46afe3<br>
     rgba(70, 175, 227, 1)</td>
    <td>
-    <div class="swatch" style="background: #0088cc;"> </div>
+    <div class="swatch" style="background: #0088cc;"> </div>
     #0088cc<br>
     rgba(0, 136, 204, 1)</td>
    <td>--theme-highlight-blue</td>
@@ -243,11 +243,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Violet</th>
    <td>
-    <div class="swatch" style="background: #6b7abb;"> </div>
+    <div class="swatch" style="background: #6b7abb;"> </div>
     #6b7abb<br>
     rgba(107, 122, 187, 1)</td>
    <td>
-    <div class="swatch" style="background: #5b5fff;"> </div>
+    <div class="swatch" style="background: #5b5fff;"> </div>
     #5b5fff<br>
     rgba(91, 95, 255, 1)</td>
    <td>--theme-highlight-purple</td>
@@ -255,11 +255,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Rose</th>
    <td>
-    <div class="swatch" style="background: #df80ff;"> </div>
+    <div class="swatch" style="background: #df80ff;"> </div>
     #df80ff<br>
     rgba(223, 128, 255, 1)</td>
    <td>
-    <div class="swatch" style="background: #b82ee5;"> </div>
+    <div class="swatch" style="background: #b82ee5;"> </div>
     #b82ee5<br>
     rgba(184, 46, 229, 1)</td>
    <td>--theme-highlight-pink</td>
@@ -267,11 +267,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Rouge</th>
    <td>
-    <div class="swatch" style="background: #eb5368;"> </div>
+    <div class="swatch" style="background: #eb5368;"> </div>
     #eb5368<br>
     rgba(235, 83, 104, 1)</td>
    <td>
-    <div class="swatch" style="background: #ed2655;"> </div>
+    <div class="swatch" style="background: #ed2655;"> </div>
     #ed2655<br>
     rgba(237, 38, 85, 1)</td>
    <td>--theme-highlight-red</td>
@@ -279,11 +279,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Orange</th>
    <td>
-    <div class="swatch" style="background: #d96629;"> </div>
+    <div class="swatch" style="background: #d96629;"> </div>
     #d96629<br>
     rgba(217, 102, 41, 1)</td>
    <td>
-    <div class="swatch" style="background: #f13c00;"> </div>
+    <div class="swatch" style="background: #f13c00;"> </div>
     #f13c00<br>
     rgba(241, 60, 0, 1)</td>
    <td>--theme-highlight-orange</td>
@@ -291,11 +291,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Orange clair</th>
    <td>
-    <div class="swatch" style="background: #d99b28;"> </div>
+    <div class="swatch" style="background: #d99b28;"> </div>
     #d99b28<br>
     rgba(217, 155, 40, 1)</td>
    <td>
-    <div class="swatch" style="background: #d97e00;"> </div>
+    <div class="swatch" style="background: #d97e00;"> </div>
     #d97e00<br>
     rgba(217, 126, 0, 1)</td>
    <td>--theme-highlight-lightorange</td>
@@ -303,11 +303,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Vert</th>
    <td>
-    <div class="swatch" style="background: #70bf53;"> </div>
+    <div class="swatch" style="background: #70bf53;"> </div>
     #70bf53<br>
     rgba(112, 191, 83, 1)</td>
    <td>
-    <div class="swatch" style="background: #2cbb0f;"> </div>
+    <div class="swatch" style="background: #2cbb0f;"> </div>
     #2cbb0f<br>
     rgba(44, 187, 15, 1)</td>
    <td>--theme-highlight-green</td>
@@ -315,11 +315,11 @@ original_slug: Outils/Couleurs_des_DevTools
   <tr>
    <th>Gris-bleu</th>
    <td>
-    <div class="swatch" style="background: #5e88b0;"> </div>
+    <div class="swatch" style="background: #5e88b0;"> </div>
     #5e88b0<br>
     rgba(94, 136, 176, 1)</td>
    <td>
-    <div class="swatch" style="background: #0072ab;"> </div>
+    <div class="swatch" style="background: #0072ab;"> </div>
     #0072ab<br>
     rgba(0, 114, 171, 1)</td>
    <td>--theme-highlight-bluegrey</td>
diff --git a/files/fr/tools/dom_property_viewer/index.html b/files/fr/tools/dom_property_viewer/index.html
index 97abbfb94a..6610e9ff31 100644
--- a/files/fr/tools/dom_property_viewer/index.html
+++ b/files/fr/tools/dom_property_viewer/index.html
@@ -22,7 +22,7 @@ original_slug: Outils/DOM_Property_Viewer
 
 <h2 id="Ouvrir_le_visionneur_de_propriétés_DOM">Ouvrir le visionneur de propriétés DOM</h2>
 
-<p>Une fois l'outil activé, il est possible de l'ouvrir en sélectionnant l'onglet "DOM" depuis le menu développement du menu de Firefox (ou du menu Outils sous macOS).  Il est également possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> + <kbd>Maj</kbd> + <kbd>W</kbd>.</p>
+<p>Une fois l'outil activé, il est possible de l'ouvrir en sélectionnant l'onglet "DOM" depuis le menu développement du menu de Firefox (ou du menu Outils sous macOS).  Il est également possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> + <kbd>Maj</kbd> + <kbd>W</kbd>.</p>
 
 <p>La <a href="/fr/docs/Tools/DevTools_Window">Boite à outils</a> apparaitra en bas du navigateur avec le visionneur de propriétés DOM activé. L'onglet s'appelle juste "DOM".</p>
 
diff --git a/files/fr/tools/firefox_os_simulator_clone/index.html b/files/fr/tools/firefox_os_simulator_clone/index.html
index d9820e8e47..a80f67bb7f 100644
--- a/files/fr/tools/firefox_os_simulator_clone/index.html
+++ b/files/fr/tools/firefox_os_simulator_clone/index.html
@@ -5,7 +5,7 @@ translation_of: Tools/Firefox_OS_Simulator_clone
 original_slug: Outils/Firefox_OS_Simulator_clone
 ---
 <div>{{ToolsSidebar}}</div><div class="note">
-<p>Cette  page décrit le Simulateur Firefox OS à l'attention des développeurs qui ciblent Firefox OS à partir de la version 1.2. Si vous développez des applications pour Firefox OS 1.1, il faut à la place consulter la documentation pour le <a href="/en-US/docs/Tools/Firefox_OS_1.1_Simulator">Simulateur Firefox OS 1.1</a>.</p>
+<p>Cette page décrit le Simulateur Firefox OS à l'attention des développeurs qui ciblent Firefox OS à partir de la version 1.2. Si vous développez des applications pour Firefox OS 1.1, il faut à la place consulter la documentation pour le <a href="/en-US/docs/Tools/Firefox_OS_1.1_Simulator">Simulateur Firefox OS 1.1</a>.</p>
 </div>
 
 <p><span style="line-height: 1.5;">Le Simulateur Firefox OS est une version des couches supérieures de<span style="line-height: 1.5;"> Firefox OS</span> qui permet de simuler le fonctionnement d'un appareil Firefox OS sur un ordinateur de bureau</span><span style="line-height: 1.5;">. Cela signifie que dans la plupart des cas, il n'est pas nécessaire d'avoir un véritable appareil pour tester et déboguer votre application. </span><span style="line-height: 1.5;">Il s'affiche dans une fenêtre de la même taille qu'un appareil Firefox OS, comprend l'interface utilisateur de Firefox OS et ses applications intégrées, et simule la plupart des APIs des appareils Firefox OS.</span></p>
diff --git a/files/fr/tools/index.html b/files/fr/tools/index.html
index 9d41c9c980..c717259c03 100644
--- a/files/fr/tools/index.html
+++ b/files/fr/tools/index.html
@@ -131,7 +131,7 @@ original_slug: Outils
 
 <h2 id="Outils_supplémentaires"><a id="More_Tools" name="More_Tools">Outils supplémentaires</a></h2>
 
-<p>Ces outils sont également inclus dans Firefox. Mais, contrairement aux « Outils principaux », il est possible qu'ils soient utilisés moins régulièrement.</p>
+<p>Ces outils sont également inclus dans Firefox. Mais, contrairement aux «&nbsp;Outils principaux&nbsp;», il est possible qu'ils soient utilisés moins régulièrement.</p>
 
 <div class="twocolumns">
 <dl>
diff --git a/files/fr/tools/json_viewer/index.html b/files/fr/tools/json_viewer/index.html
index 8e51b83b93..bea384846a 100644
--- a/files/fr/tools/json_viewer/index.html
+++ b/files/fr/tools/json_viewer/index.html
@@ -7,7 +7,7 @@ original_slug: Outils/JSON_viewer
 <div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
 <p>Le Lecteur JSON est une des nouveautés de Firefox 44.</p>
 
-<p>Avant Firefox 53, le Lecteur JSON n'est activé par défaut que dans Firefox Developer Edition et Firefox Nightly. Pour activer cette fonctionnalité dans les autres  versions, il faut passer la préférence <code>devtools.jsonview.enabled</code> à <code>true</code> dans <code>about:config</code></p>
+<p>Avant Firefox 53, le Lecteur JSON n'est activé par défaut que dans Firefox Developer Edition et Firefox Nightly. Pour activer cette fonctionnalité dans les autres versions, il faut passer la préférence <code>devtools.jsonview.enabled</code> à <code>true</code> dans <code>about:config</code></p>
 
 <p>Depuis Firefox 53, le Lecteur JSON est également activé par défaut dans Firefox Beta et dans la version normale de Firefox.</p>
 </div>
diff --git a/files/fr/tools/keyboard_shortcuts/index.html b/files/fr/tools/keyboard_shortcuts/index.html
index d33b55b951..745580400a 100644
--- a/files/fr/tools/keyboard_shortcuts/index.html
+++ b/files/fr/tools/keyboard_shortcuts/index.html
@@ -488,7 +488,7 @@ original_slug: Outils/Raccourcis_claviers
   <tr>
    <th scope="row">Copier l'extérieur du HTML du noeud sélectionné (depuis Firefox 42)</th>
    <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
-   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
    <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
   </tr>
   <tr>
@@ -874,9 +874,9 @@ original_slug: Outils/Raccourcis_claviers
   </tr>
   <tr>
    <th scope="row">Itérer en avant parmis les commandes coresspondantes (après avoir initié une recherche inverse)</th>
-   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
-   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
-   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
+   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
+   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
+   <td>  <kbd>Maj</kbd>+ <kbd>F9</kbd></td>
   </tr>
   <tr>
    <th scope="row">Aller au début de la ligne</th>
@@ -907,7 +907,7 @@ original_slug: Outils/Raccourcis_claviers
 
 <h3 id="Fenêtre_dauto-complétion">Fenêtre d'auto-complétion</h3>
 
-<p>Ces raccourcis fonctionnent lorsque <a href="/fr/docs/Outils/Console_Web#Auto-complétion" title="/en-US/docs/Tools/Web_Console#Autocomplete">fenêtre d'auto-complétion</a> est ouvert :</p>
+<p>Ces raccourcis fonctionnent lorsque <a href="/fr/docs/Outils/Console_Web#Auto-complétion" title="/en-US/docs/Tools/Web_Console#Autocomplete">fenêtre d'auto-complétion</a> est ouvert&nbsp;:</p>
 
 <table class="fullwidth-table">
  <tbody>
diff --git a/files/fr/tools/memory/aggregate_view/index.html b/files/fr/tools/memory/aggregate_view/index.html
index a5a257d0b8..6a62a97130 100644
--- a/files/fr/tools/memory/aggregate_view/index.html
+++ b/files/fr/tools/memory/aggregate_view/index.html
@@ -83,7 +83,7 @@ original_slug: Outils/Memory/Aggregate_view
 <p>Une liste de toutes les fonctions qui ont alloué des objets s'affichera alors. Cette liste est triée par la taille des allocations :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13040/memory-tool-call-stack.png" style="display: block; height: 322px; margin-left: auto; margin-right: auto; width: 762px;"><br>
- La structure de ce tri ressemble fortement à celle de <a href="/fr/docs/Tools/Performance/Call_Tree">l'Arbre d'appel</a>, à ceci près qu'il montre les allocations plutôt que des échantillons de processus. Par exemple, la première ligne ligne affiche que :</p>
+ La structure de ce tri ressemble fortement à celle de <a href="/fr/docs/Tools/Performance/Call_Tree">l'Arbre d'appel</a>, à ceci près qu'il montre les allocations plutôt que des échantillons de processus. Par exemple, la première ligne ligne affiche que :</p>
 
 <ul>
  <li>4,832,592 octets (93% de l'utilisation totale de la heap), ont été alloués dans une fonction à la ligne 35 du fichier "alloc.js", <strong>ou dans des fonctions appelées par cette fonction</strong></li>
@@ -93,12 +93,12 @@ original_slug: Outils/Memory/Aggregate_view
 
 <p>Il est plus simple d'expliquer ce comportement avec un exemple. <a href="/fr/docs/Tools/Memory/DOM_allocation_example">Cette page contient</a> contient simplement un script qui génère un grand nombre de nœuds DOM (200 objets <code><a href="/fr/docs/Web/API/HTMLDivElement">HTMLDivElement</a></code> et 4000 objets <code><a href="/fr/docs/Web/API/HTMLSpanElement">HTMLSpanElement</a></code>) :</p>
 
-<p>Réalisons maintenant une allocation trace. Pour cela, il faut :</p>
+<p>Réalisons maintenant une allocation trace. Pour cela, il faut&nbsp;:</p>
 
 <ol>
  <li>Ouvrir l'outil Mémoire</li>
  <li>Cocher "Enregistrer les piles d'allocations"</li>
- <li>Charger la page <a href="https://mdn.github.io/performance-scenarios/dom-allocs/alloc.html">https://mdn.github.io/performance-scenarios/dom-allocs/alloc.html</a></li>
+ <li>Charger la page <a href="https://mdn.github.io/performance-scenarios/dom-allocs/alloc.html">https://mdn.github.io/performance-scenarios/dom-allocs/alloc.html</a></li>
  <li>Prendre une capture</li>
  <li>Choisir la vue "Agrégats"</li>
  <li>Choisir le regroupement par "Call Stack"</li>
@@ -106,19 +106,19 @@ original_slug: Outils/Memory/Aggregate_view
 
 <p>{{EmbedYouTube("aZ5Rq9lXD80")}}</p>
 
-<p>Quelque chose comme ceci devrait apparaitre :</p>
+<p>Quelque chose comme ceci devrait apparaitre&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13040/memory-tool-call-stack.png" style="display: block; height: 322px; margin-left: auto; margin-right: auto; width: 762px;"></p>
 
-<p>Cela révèle que 93% sont allouées par des fonctions appelées depuis "alloc.js", à la ligne 35 (le premier appel à <code>createToolbars()</code>).</p>
+<p>Cela révèle que 93% sont allouées par des fonctions appelées depuis "alloc.js", à la ligne 35 (le premier appel à <code>createToolbars()</code>).</p>
 
-<p>Afin de savoir exactement d'où est allouée la mémoire, il est possible de développer la ligne :</p>
+<p>Afin de savoir exactement d'où est allouée la mémoire, il est possible de développer la ligne&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13042/memory-tool-call-stack-expanded.png" style="display: block; height: 530px; margin-left: auto; margin-right: auto; width: 762px;"></p>
 
-<p>C'est dans ce cas que les colonnes "Octets" et "Somme" sont utiles. Elles révèlent en effet la taille et le nombre des allocations faites à ce point précis.</p>
+<p>C'est dans ce cas que les colonnes "Octets" et "Somme" sont utiles. Elles révèlent en effet la taille et le nombre des allocations faites à ce point précis.</p>
 
-<p>Ainsi dans l'exemple ci-dessus, ile est possible de voir que dans <code>createToolbarButton()</code>, à <a href="https://github.com/mdn/performance-scenarios/blob/gh-pages/dom-allocs/scripts/alloc.js#L9">la ligne 9 de alloc.js</a>, 4002 allocations ont été faites et que cela représente 89% de la heap totale. Il s'agit de l'endroit exact ou les éléments {{HTMLElement("span")}} sont crées.</p>
+<p>Ainsi dans l'exemple ci-dessus, ile est possible de voir que dans <code>createToolbarButton()</code>, à <a href="https://github.com/mdn/performance-scenarios/blob/gh-pages/dom-allocs/scripts/alloc.js#L9">la ligne 9 de alloc.js</a>, 4002 allocations ont été faites et que cela représente 89% de la heap totale. Il s'agit de l'endroit exact ou les éléments {{HTMLElement("span")}} sont crées.</p>
 
 <p>Les noms de fichier et leur numéro de ligne sont des liens : cliquer dessus ouvrira la ligne en question dans le Débogueur :</p>
 
@@ -128,23 +128,23 @@ original_slug: Outils/Memory/Aggregate_view
 
 <p>La vue par défaut est une vue "top-down" : elle affiche les allocations qui arrivent à un point <strong>ou en des points plus loin dans l'arbre</strong>. C'est pratique pour avoir une vue d'ensemble des endroits ou le programme consomme beaucoup de mémoire. Cependant cette vue implique de devoir parcourir un long chemin pour trouver l'emplacement exact d'où les allocations sont faites.</p>
 
-<p>L'option "Inverser l'arbre" aide à résoudre ce problème. Cela donne en effet une vue "bottom-up" du programme, affichant les endroits exacts d'où les allocations proviennent, ordonnés par taille d'allocation. L'icône en forme de triangle fait alors un retour au premier niveau de l'arbre.</p>
+<p>L'option "Inverser l'arbre" aide à résoudre ce problème. Cela donne en effet une vue "bottom-up" du programme, affichant les endroits exacts d'où les allocations proviennent, ordonnés par taille d'allocation. L'icône en forme de triangle fait alors un retour au premier niveau de l'arbre.</p>
 
-<p>Voici à quoi ressemble l'arbre après avoir coché l'option "Inverser l'arbre" :</p>
+<p>Voici à quoi ressemble l'arbre après avoir coché l'option "Inverser l'arbre" :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13044/memory-tool-inverted-call-stack.png" style="display: block; height: 141px; margin-left: auto; margin-right: auto; width: 762px;"></p>
 
-<p>Maintenant, la première ligne affiche directement l'appel <code>createToolbarButton()</code> qui correspond à l'allocation de 89% de la heap de la page.</p>
+<p>Maintenant, la première ligne affiche directement l'appel <code>createToolbarButton()</code> qui correspond à l'allocation de 89% de la heap de la page.</p>
 
 <h2 id="(no_stack_available)">(no stack available)</h2>
 
-<p>Dans l'exemple ci-dessus, il y a une ligne nommée "(no stack available)" qui correspond à 7% de la heap. La présence de cette ligne s'explique par le fait que toute l'utilisation de la heap n'est pas due au script JavaScript.</p>
+<p>Dans l'exemple ci-dessus, il y a une ligne nommée "(no stack available)" qui correspond à 7% de la heap. La présence de cette ligne s'explique par le fait que toute l'utilisation de la heap n'est pas due au script JavaScript.</p>
 
-<p>Exemples d'usage de la heap non alloué par un script :</p>
+<p>Exemples d'usage de la heap non alloué par un script&nbsp;:</p>
 
 <ul>
- <li>Tous les scripts que la page charge occupent de l'espace dans la heap</li>
- <li>Quelques fois, un objet est alloué lorsqu'il n'y a pas de JavaScript sur la stack. Par exemple, les objets DOM {{domxref("Event")}} sont alloués avant que le JavaScript ne soit exécuté et avant que les évènements ne soient appelés.</li>
+ <li>Tous les scripts que la page charge occupent de l'espace dans la heap</li>
+ <li>Quelques fois, un objet est alloué lorsqu'il n'y a pas de JavaScript sur la stack. Par exemple, les objets DOM {{domxref("Event")}} sont alloués avant que le JavaScript ne soit exécuté et avant que les évènements ne soient appelés.</li>
 </ul>
 
-<p>Bon nombre de pages web auront une part de "(no stack available)" bien supérieure à 7%.</p>
+<p>Bon nombre de pages web auront une part de "(no stack available)" bien supérieure à 7%.</p>
diff --git a/files/fr/tools/memory/dominators/index.html b/files/fr/tools/memory/dominators/index.html
index fa5bf3ae9b..65f9a81914 100644
--- a/files/fr/tools/memory/dominators/index.html
+++ b/files/fr/tools/memory/dominators/index.html
@@ -11,7 +11,7 @@ original_slug: Outils/Memory/Dominators
 
 <p>Ces concepts sont importants pour l'analyse mémoire, car souvent, un objet peut être en lui même petit, mais contenir des références à des objets beaucoup plus gros et cela empêche le ramasse-miette de collecter ces objets et de libérer de la mémoire.</p>
 
-<p>Il est possible de voir les dominants d'une page en utilisant la <a href="/fr/docs/Tools/Memory/Dominators_view">Vue "Dominants"  </a>dans l'outil Mémoire.</p>
+<p>Il est possible de voir les dominants d'une page en utilisant la <a href="/fr/docs/Tools/Memory/Dominators_view">Vue "Dominants"  </a>dans l'outil Mémoire.</p>
 </div>
 
 <p>Dans un langage comme JavaScript, les programmeurs n'ont généralement pas à se soucier de la gestion de la mémoire. Ils peuvent simplement créer des objets, les utiliser, et lorsque ceux-ci ne sont plus nécessaires, le runtime se charge de faire le nettoyage, et libère la mémoire que les objets utilisaient.</p>
diff --git a/files/fr/tools/memory/dominators_view/index.html b/files/fr/tools/memory/dominators_view/index.html
index 202afb5bb6..2886324e92 100644
--- a/files/fr/tools/memory/dominators_view/index.html
+++ b/files/fr/tools/memory/dominators_view/index.html
@@ -114,7 +114,7 @@ original_slug: Outils/Memory/Dominators_view
 
 <p><br>
  Nous utiliserons <a href="/fr/docs/Tools/Memory/Monster_example">l'exemple d'allocation de monstres</a>. Cet exemple crée trois tableaux chacun contenant 5000 monstres, chaque monstre possède un nom généré aléatoirement.<br>
-  </p>
+  </p>
 
 <h3 id="Prendre_une_capture">Prendre une capture</h3>
 
@@ -148,7 +148,7 @@ original_slug: Outils/Memory/Dominators_view
 
 <p>Ici, il est possible de voir l'objet retenant le tableau; et même qu'il s'agit du tableau de monstres <code>friendly</code>. Dans la capture d'écran ci-dessus, ce n'est pas visible, cependant ce tableau est aussi enraciné directement à la racine GC. Donc si l'objet arrête de référencer le tableau, celui-ci ne serait toujours pas éligible au garbage collector.</p>
 
-<p>Cela veut dire que l'objet ne domine pas le tableau et donc n'est pas affiché dans l'arbre des Dominants. À voir également,  <a href="/fr/docs/Tools/Memory/Dominators#multiple-paths">l'article sur le concept des Dominants.</a></p>
+<p>Cela veut dire que l'objet ne domine pas le tableau et donc n'est pas affiché dans l'arbre des Dominants. À voir également,  <a href="/fr/docs/Tools/Memory/Dominators#multiple-paths">l'article sur le concept des Dominants.</a></p>
 
 <h3 id="Utiliser_la_vue_Call_Stack">Utiliser la vue Call Stack</h3>
 
diff --git a/files/fr/tools/memory/monster_example/index.html b/files/fr/tools/memory/monster_example/index.html
index 3a9f088605..af8089c076 100644
--- a/files/fr/tools/memory/monster_example/index.html
+++ b/files/fr/tools/memory/monster_example/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Memory/Monster_example
 ---
 <div>{{ToolsSidebar}}</div><p>Cet article décrit une page web très simple que nous utilisons pour illustrer certaines fonctionnalités de l'outil <a href="/fr/docs/Outils/Memory">Mémoire</a>.</p>
 
-<p>Il est possible de l'essayer sur le site : <a class="external external-icon" href="https://mdn.github.io/performance-scenarios/js-allocs/alloc.html">https://mdn.github.io/performance-scenarios/js-allocs/alloc.html</a>. Voici le code :</p>
+<p>Il est possible de l'essayer sur le site&nbsp;: <a class="external external-icon" href="https://mdn.github.io/performance-scenarios/js-allocs/alloc.html">https://mdn.github.io/performance-scenarios/js-allocs/alloc.html</a>. Voici le code :</p>
 
 <pre class="brush: js">var MONSTER_COUNT = 5000;
 var MIN_NAME_LENGTH = 2;
diff --git a/files/fr/tools/memory/tree_map_view/index.html b/files/fr/tools/memory/tree_map_view/index.html
index 4b2637fd5b..3c3c8662b4 100644
--- a/files/fr/tools/memory/tree_map_view/index.html
+++ b/files/fr/tools/memory/tree_map_view/index.html
@@ -10,7 +10,7 @@ original_slug: Outils/Memory/Tree_map_view
 
 <p>La vue carte proportionnelle fournit une représentation visuelle d'une capture instantané de la mémoire. Cela aide à avoir rapidement une idée de quels objets occupent le plus de mémoire.</p>
 
-<p>Une carte affiche :  <a href="https://fr.wikipedia.org/wiki/Treemapping">"Une représentation de données hiérarchiques dans un espace limité" </a>sous la forme de rectangles imbriqués. La taille de ces rectangles correspond à un aspect quantitatif des données (plus c'est gros, plus le rectangle l'est).</p>
+<p>Une carte affiche :  <a href="https://fr.wikipedia.org/wiki/Treemapping">"Une représentation de données hiérarchiques dans un espace limité" </a>sous la forme de rectangles imbriqués. La taille de ces rectangles correspond à un aspect quantitatif des données (plus c'est gros, plus le rectangle l'est).</p>
 
 <p>Pour les cartes affichées dans l'outil Mémoire, la heap (le tas) est divisé en quatre grandes catégories :</p>
 
diff --git a/files/fr/tools/migrating_from_firebug/index.html b/files/fr/tools/migrating_from_firebug/index.html
index d3b04d7f95..ef5749ee49 100644
--- a/files/fr/tools/migrating_from_firebug/index.html
+++ b/files/fr/tools/migrating_from_firebug/index.html
@@ -10,7 +10,7 @@ original_slug: Outils/Migrating_from_Firebug
 
 <hr>
 <div class="column-container">
-<div class="column-third"> </div>
+<div class="column-third"> </div>
 
 <div class="column-third">
 <p><img alt="" src="https://mdn.mozillademos.org/files/15588/logo-developer-quantum.png" style="display: block; margin: 0px auto;"></p>
@@ -20,7 +20,7 @@ original_slug: Outils/Migrating_from_Firebug
 <p><a href="https://www.mozilla.org/fr/firefox/developer/" style="width: 280px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Télécharger <i lang="en">Firefox Developer Edition</i></a>.</p>
 </div>
 
-<div class="column-third"> </div>
+<div class="column-third"> </div>
 </div>
 
 <hr>
@@ -28,11 +28,11 @@ original_slug: Outils/Migrating_from_Firebug
 
 <h3 id="Activation">Activation</h3>
 
-<p><a href="https://getfirebug.com/wiki/index.php/Activation">L'activation de Firebug</a> était basée sur des URL respectant la "<a href="https://en.wikipedia.org/wiki/Same_origin_policy">same origin policy</a>". Cela signifie que si vous ouvriez  une page de la même origine dans un onglet différent, Firebug s'ouvrait automatiquement. Et lorsque vous ouvriez une page d'une origine différente dans le même onglet, firebug se fermait automatiquement. L'activation des outils de développement est quant à elle basée sur les onglets. Par exemple, si vous ouvrez les outils dans un onglet, ils restent ouvert même si vous naviguez vers d'autres sites. Lorsque vous ouvrez un nouvel onglet, les outils de développement se ferment.</p>
+<p><a href="https://getfirebug.com/wiki/index.php/Activation">L'activation de Firebug</a> était basée sur des URL respectant la "<a href="https://en.wikipedia.org/wiki/Same_origin_policy">same origin policy</a>". Cela signifie que si vous ouvriez une page de la même origine dans un onglet différent, Firebug s'ouvrait automatiquement. Et lorsque vous ouvriez une page d'une origine différente dans le même onglet, firebug se fermait automatiquement. L'activation des outils de développement est quant à elle basée sur les onglets. Par exemple, si vous ouvrez les outils dans un onglet, ils restent ouvert même si vous naviguez vers d'autres sites. Lorsque vous ouvrez un nouvel onglet, les outils de développement se ferment.</p>
 
 <h3 id="Ouvrir_les_outils">Ouvrir les outils</h3>
 
-<p>Firebug pouvait être ouvert avec F12. Pour l'ouvrir pour inspecter un élément il était possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>C</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>C</kbd>. Les DevTools partagent les mêmes raccourcis, mais fournissent également des <a href="/fr/docs/Tools/Keyboard_shortcuts#Opening_and_closing_tools">raccourcis pour les différent panneaux</a>. Le <a href="/fr/docs/Tools/Network_Monitor">Moniteur Réseau</a> peut être ouvert avec <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>Q</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>Q</kbd>, la <a href="/fr/docs/Tools/Web_Console">Console</a> via <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>K</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>K</kbd> et le Débogueur avec <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>S</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>S</kbd>.</p>
+<p>Firebug pouvait être ouvert avec F12. Pour l'ouvrir pour inspecter un élément il était possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>C</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>C</kbd>. Les DevTools partagent les mêmes raccourcis, mais fournissent également des <a href="/fr/docs/Tools/Keyboard_shortcuts#Opening_and_closing_tools">raccourcis pour les différent panneaux</a>. Le <a href="/fr/docs/Tools/Network_Monitor">Moniteur Réseau</a> peut être ouvert avec <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>Q</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>Q</kbd>, la <a href="/fr/docs/Tools/Web_Console">Console</a> via <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>K</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>K</kbd> et le Débogueur avec <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>S</kbd> / <kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>S</kbd>.</p>
 
 <h2 id="Console">Console</h2>
 
diff --git a/files/fr/tools/network_monitor/index.html b/files/fr/tools/network_monitor/index.html
index 2f0f0865a0..7c2b96cd5b 100644
--- a/files/fr/tools/network_monitor/index.html
+++ b/files/fr/tools/network_monitor/index.html
@@ -20,7 +20,7 @@ original_slug: Outils/Moniteur_réseau
 <p>Il existe plusieurs façons d'ouvrir le Moniteur :</p>
 
 <ul>
- <li>Utiliser le raccourci clavier <kbd>Ctrl</kbd> +  <kbd>Maj</kbd> + <kbd>E</kbd> ( <kbd>Command</kbd> +  <kbd>Option</kbd> + <kbd>E</kbd> sur Mac).</li>
+ <li>Utiliser le raccourci clavier <kbd>Ctrl</kbd> +  <kbd>Maj</kbd> + <kbd>E</kbd> ( <kbd>Command</kbd> +  <kbd>Option</kbd> + <kbd>E</kbd> sur Mac).</li>
  <li>Sélectionner "Réseau" dans le menu développement ( qui est un sous-menu du menu "Outils" sur MAC OS X et Linux).</li>
  <li>Cliquer sur l'onglet "Réseau" dans la boite à outils (appuyer sur F12 pour ouvrir la boite à outils).</li>
 </ul>
diff --git a/files/fr/tools/network_monitor/request_details/index.html b/files/fr/tools/network_monitor/request_details/index.html
index de8545744a..d141d1685c 100644
--- a/files/fr/tools/network_monitor/request_details/index.html
+++ b/files/fr/tools/network_monitor/request_details/index.html
@@ -108,7 +108,7 @@ original_slug: Outils/Moniteur_réseau/request_details
 
 <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>
+<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>
@@ -123,7 +123,7 @@ original_slug: Outils/Moniteur_réseau/request_details
    <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>
+    <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>
diff --git a/files/fr/tools/network_monitor/request_list/index.html b/files/fr/tools/network_monitor/request_list/index.html
index 9c19fb9b25..754202f292 100644
--- a/files/fr/tools/network_monitor/request_list/index.html
+++ b/files/fr/tools/network_monitor/request_list/index.html
@@ -10,7 +10,7 @@ original_slug: Outils/Moniteur_réseau/request_list
 
 <h2 id="Liste_des_requêtes_réseau">Liste des requêtes réseau</h2>
 
-<p>Par défaut, le moniteur affiche une liste de toutes les requêtes faites lors du chargement de la page, à raison d'une par ligne :<img alt="" src="https://mdn.mozillademos.org/files/16258/Network_request_list.png" style="border: 1px solid black; display: block; height: 328px; margin: 0px auto; width: 900px;">Il est également vidé par défaut lors d'un changement de page ou du rafraîchissement de la page. Vous avez la possibilité de modifier ce comportement en cochant "Activer les journaux persistants" dans les <a href="/fr/docs/Tools_Toolbox#Common_preferences">paramètres</a> des outils de développement.</p>
+<p>Par défaut, le moniteur affiche une liste de toutes les requêtes faites lors du chargement de la page, à raison d'une par ligne :<img alt="" src="https://mdn.mozillademos.org/files/16258/Network_request_list.png" style="border: 1px solid black; display: block; height: 328px; margin: 0px auto; width: 900px;">Il est également vidé par défaut lors d'un changement de page ou du rafraîchissement de la page. Vous avez la possibilité de modifier ce comportement en cochant "Activer les journaux persistants" dans les <a href="/fr/docs/Tools_Toolbox#Common_preferences">paramètres</a> des outils de développement.</p>
 
 <h3 id="Champs_des_requêtes_réseau">Champs des requêtes réseau</h3>
 
@@ -31,10 +31,10 @@ original_slug: Outils/Moniteur_réseau/request_list
 
   <ul>
    <li><img alt="" src="https://mdn.mozillademos.org/files/13136/1x.png" style="height: 17px; width: 17px;">un cercle bleu pour les codes d'information (1XX codes). Cela inclut notamment le code 101 (Changement de protocole) pour les upgrades <a href="/fr/docs/Web/API/WebSocket">WebSocket</a>.</li>
-   <li><img alt="" src="https://mdn.mozillademos.org/files/10941/200.png" style="height: 17px; width: 17px;"> un cercle vert pour le succès (codes 2XX),</li>
-   <li><img alt="" src="https://mdn.mozillademos.org/files/10945/300.png" style="height: 17px; width: 17px;"> un triangle orange pour la redirection (3XX)</li>
-   <li><img alt="" src="https://mdn.mozillademos.org/files/10943/4-500.png" style="height: 17px; width: 17px;"> un carré rouge pour les erreurs (4XX et 5XX).</li>
-   <li><img alt="" src="https://mdn.mozillademos.org/files/10947/cached.png" style="height: 17px; width: 17px;"> un cercle gris pour les réponses récupérées dans le cache du navigateur</li>
+   <li><img alt="" src="https://mdn.mozillademos.org/files/10941/200.png" style="height: 17px; width: 17px;"> un cercle vert pour le succès (codes 2XX),</li>
+   <li><img alt="" src="https://mdn.mozillademos.org/files/10945/300.png" style="height: 17px; width: 17px;"> un triangle orange pour la redirection (3XX)</li>
+   <li><img alt="" src="https://mdn.mozillademos.org/files/10943/4-500.png" style="height: 17px; width: 17px;"> un carré rouge pour les erreurs (4XX et 5XX).</li>
+   <li><img alt="" src="https://mdn.mozillademos.org/files/10947/cached.png" style="height: 17px; width: 17px;"> un cercle gris pour les réponses récupérées dans le cache du navigateur</li>
   </ul>
  </li>
  <li><strong>Méthode </strong>: la méthode de la requête HTTP.</li>
@@ -43,13 +43,13 @@ original_slug: Outils/Moniteur_réseau/request_list
  <li><strong>Scheme:</strong> Le "scheme" (https/http/ftp/...) du chemin demandé.</li>
  <li><strong>Domaine </strong>: le domaine du chemin requis.
   <ul>
-   <li><strong></strong>Si la requête utilise le protocole SSL/TLS et que la connexion a une faiblesse de sécurité telle qu'un chiffrement peu solide, une icône en forme de triangle apparaît à côté du domaine. On peut trouver davantage de détails sur le problème dans <a href="/fr/docs/Tools/Network_Monitor#Security">l'onglet Sécurité</a>.</li>
+   <li><strong></strong>Si la requête utilise le protocole SSL/TLS et que la connexion a une faiblesse de sécurité telle qu'un chiffrement peu solide, une icône en forme de triangle apparaît à côté du domaine. On peut trouver davantage de détails sur le problème dans <a href="/fr/docs/Tools/Network_Monitor#Security">l'onglet Sécurité</a>.</li>
    <li>Survolez le domaine pour voir l'adresse IP.</li>
    <li>Il y a une icône à côté du domaine qui donne des informations supplémentaires sur le statut de sécurité de la requête. Voir <a href="/fr/docs/Tools/Network_Monitor#Security_icons">icônes de sécurité</a>.</li>
   </ul>
  </li>
  <li><strong>IP distante</strong>: l'adresse IP du serveur répondant à la requête.</li>
- <li><strong>Source</strong>: La cause de la requête, par exemple un  une requête XHR, un {{htmlelement("img")}}, un script, etc.</li>
+ <li><strong>Source</strong>: La cause de la requête, par exemple un une requête XHR, un {{htmlelement("img")}}, un script, etc.</li>
  <li><strong>Type</strong>: Le <code>Content-type</code> de la réponse.</li>
  <li><strong>Cookies:</strong> Le nombre de "cookies de requêtes" associés à la requête.</li>
  <li><strong>Set-Cookies:</strong> Le nombre de "cookies de réponse" associés à la requête.</li>
@@ -179,7 +179,7 @@ original_slug: Outils/Moniteur_réseau/request_list
 
 <h4 id="Filtrer_par_URL">Filtrer par URL</h4>
 
-<p>Pour cela, il y a une barre de recherche dans la <a href="/fr/docs/Tools/Network_Monitor#Toolbar">barre d'outils</a>. Cliquez à l'intérieur, ou faites la combinaison de touches clavier  <kbd>Ctrl</kbd> + <kbd>F</kbd> (ou <kbd>Cmd</kbd> + <kbd>F</kbd> sous Mac) , et saisissez votre recherche. La liste des requêtes réseau sera filtrée en fonction de la chaîne de caractère recherchée, sur les parties concernant le "Domaine" ou le "Fichier".</p>
+<p>Pour cela, il y a une barre de recherche dans la <a href="/fr/docs/Tools/Network_Monitor#Toolbar">barre d'outils</a>. Cliquez à l'intérieur, ou faites la combinaison de touches clavier  <kbd>Ctrl</kbd> + <kbd>F</kbd> (ou <kbd>Cmd</kbd> + <kbd>F</kbd> sous Mac) , et saisissez votre recherche. La liste des requêtes réseau sera filtrée en fonction de la chaîne de caractère recherchée, sur les parties concernant le "Domaine" ou le "Fichier".</p>
 
 <p>{{EmbedYouTube("HUcWOBBhLHg")}}</p>
 
@@ -299,12 +299,12 @@ original_slug: Outils/Moniteur_réseau/request_list
 
 <ul>
  <li>Copier l'URL</li>
- <li>Copier les paramètres de l'URL (à partir de Firefox 40)</li>
- <li>Copier les données POST  (à partir de Firefox 40, uniquement pour les requêtes POST)</li>
+ <li>Copier les paramètres de l'URL (à partir de Firefox 40)</li>
+ <li>Copier les données POST (à partir de Firefox 40, uniquement pour les requêtes POST)</li>
  <li>Copier en tant que commande cURL</li>
- <li>Copier les En-têtes de la requête (à partir de Firefox 40)</li>
- <li>Copier les En-têtes de la réponse (à partir de Firefox 40)</li>
- <li>Copier la réponse (à partir de Firefox 40)</li>
+ <li>Copier les En-têtes de la requête (à partir de Firefox 40)</li>
+ <li>Copier les En-têtes de la réponse (à partir de Firefox 40)</li>
+ <li>Copier la réponse (à partir de Firefox 40)</li>
  <li>Copier l'image comme Data URI (seulement pour les images)</li>
  <li>Tout copier en tant qu’HAR (à partir de Firefox 41)</li>
  <li>Tout enregistrer en tant qu’HAR (à partir de Firefox 41)</li>
@@ -351,9 +351,9 @@ original_slug: Outils/Moniteur_réseau/request_list
   <tr>
    <td><code>-H</code></td>
    <td>
-    <p>Un pour chaque en-tête de requête :</p>
+    <p>Un pour chaque en-tête de requête&nbsp;:</p>
 
-    <p>Si l'en-tête  "Accept-Encoding" est présent, la commande cURL inclura <code>--compressed</code> à la place de <code>-H "Accept-Encoding: gzip, deflate"</code>. Cela signifie que la réponse sera automatiquement décompressée.</p>
+    <p>Si l'en-tête  "Accept-Encoding" est présent, la commande cURL inclura <code>--compressed</code> à la place de <code>-H "Accept-Encoding: gzip, deflate"</code>. Cela signifie que la réponse sera automatiquement décompressée.</p>
    </td>
   </tr>
  </tbody>
diff --git a/files/fr/tools/page_inspector/3-pane_mode/index.html b/files/fr/tools/page_inspector/3-pane_mode/index.html
index 97398e9766..dd4a401052 100644
--- a/files/fr/tools/page_inspector/3-pane_mode/index.html
+++ b/files/fr/tools/page_inspector/3-pane_mode/index.html
@@ -46,7 +46,7 @@ original_slug: Outils/Inspecteur/3-pane_mode
 
 <h2 id="Activer_le_mode_3_panneaux_avant_Firefox_62">Activer le mode 3 panneaux avant Firefox 62</h2>
 
-<p>Dans les versions antérieures de Firefox (mais depuis Firefox 59/60), il est possible d'activer le mode 3 panneaux dans les versions Release/Beta en allant dans about:config et en passant les préférences suivantes à  <code>true</code> :</p>
+<p>Dans les versions antérieures de Firefox (mais depuis Firefox 59/60), il est possible d'activer le mode 3 panneaux dans les versions Release/Beta en allant dans about:config et en passant les préférences suivantes à  <code>true</code> :</p>
 
 <p><code>devtools.inspector.split-rule-enabled</code> — Cela active/Désactive le mode 3 panneaux.</p>
 
diff --git a/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html b/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
index 5a9f881510..887c1da4ab 100644
--- a/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
+++ b/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Inspecteur/Comment/Edition_filtres_css
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p>Les propriétés <code><a href="/fr/docs/Web/CSS/filter">filter</a></code> dans la <a href="/fr/docs/Outils/Inspecteur/UI_Tour#Rules_view">vue Règles</a> ont une icône ronde à fond gris/blanc : </p>
+<p>Les propriétés <code><a href="/fr/docs/Web/CSS/filter">filter</a></code> dans la <a href="/fr/docs/Outils/Inspecteur/UI_Tour#Rules_view">vue Règles</a> ont une icône ronde à fond gris/blanc : </p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16454/click_to_edit_filter.png" style="border: 1px solid black; display: block; height: 146px; margin-left: auto; margin-right: auto; width: 366px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html b/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
index d2cd4159ae..e011467fae 100644
--- a/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
@@ -16,7 +16,7 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/11203/css-overview.png" style="display: block; height: 510px; margin-left: auto; margin-right: auto; width: 588px;"></p>
 
-<p>Une icône d'avertissement apparaitera à coté des styles non supportés ou invalides. Cela peut servir à comprendre pourquoi certains styles ne sont pas appliqués :</p>
+<p>Une icône d'avertissement apparaitera à coté des styles non supportés ou invalides. Cela peut servir à comprendre pourquoi certains styles ne sont pas appliqués :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/12189/css-as-authored.png" style="display: block; height: 357px; margin-left: auto; margin-right: auto; width: 588px;"></p>
 
@@ -34,9 +34,9 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
  <li><em>Nom de fichier et numéro de ligne</em>: dans la partie droite, on retrouve un lien vers la règle. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Link_to_CSS_file">lien vers le fichier CSS</a>.</li>
 </ul>
 
-<p>Depuis Firefox 52, si un élément à une déclaration <code><a href="/fr/docs/Web/CSS/display">display: grid</a></code>, alors une icône en forme de grille (<img alt="" src="https://mdn.mozillademos.org/files/14524/Screen%20Shot%202016-12-16%20at%2010.51.15%20AM.png" style="height: 22px; margin-bottom: -5px; width: 22px;">) apparait. Cliquer sur cette icône affiche une grille par-dessus la page. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">examiner les  grilles</a> pour plus d'informations.</p>
+<p>Depuis Firefox 52, si un élément à une déclaration <code><a href="/fr/docs/Web/CSS/display">display: grid</a></code>, alors une icône en forme de grille (<img alt="" src="https://mdn.mozillademos.org/files/14524/Screen%20Shot%202016-12-16%20at%2010.51.15%20AM.png" style="height: 22px; margin-bottom: -5px; width: 22px;">) apparait. Cliquer sur cette icône affiche une grille par-dessus la page. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">examiner les grilles</a> pour plus d'informations.</p>
 
-<p>Pour lister les <a href="/fr/docs/Web/CSS/Cascade">user-agent styles</a> (les styles appliqués par le navigateur), il faut activer l'option « Afficher les styles du navigateur » dans les <a href="/fr/docs/Outils/Outils_boite_à_outils#Inspecteur">options des outils de développement</a>. Il est à noter que cette option est indépendante de l'option « Styles navigateur » présente dans <a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#.C3.89xaminer_le_CSS_calcul.C3.A9">l'onglet « Calculé »</a>.</p>
+<p>Pour lister les <a href="/fr/docs/Web/CSS/Cascade">user-agent styles</a> (les styles appliqués par le navigateur), il faut activer l'option « Afficher les styles du navigateur » dans les <a href="/fr/docs/Outils/Outils_boite_à_outils#Inspecteur">options des outils de développement</a>. Il est à noter que cette option est indépendante de l'option « Styles navigateur » présente dans <a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#.C3.89xaminer_le_CSS_calcul.C3.A9">l'onglet « Calculé »</a>.</p>
 
 <p>Les user-agent styles sont affichés sur un fond différent et le lien vers la feuille de style contient le préfixe <code>(user agent)</code> :</p>
 
@@ -161,14 +161,14 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
 <p>Effectuer une saisie dans la boite de recherche applique un filtre en temps réel sur la liste. Ainsi, si, par exemple, vous souhaitez uniquement afficher uniquement les paramètres liés aux polices d'écriture, vous pouvez taper « font » dans la boîte de recherche et seules les propriétés dont le nom contient « font » seront listées. Il est également possible de chercher les valeurs des propriétés : par exemple pour trouver la règle qui définit la police « Lucida Grande », il suffit de saisir cette valeur dans le champ de recherche.</p>
 
 <div class="note">
-<p>Dans l'onglet des règles calculé,  il est possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> pour sélectioner le champ de recherche. Ensuite il est possible de supprimer la recherche avec <kbd>Esc</kbd>.</p>
+<p>Dans l'onglet des règles calculé,  il est possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> pour sélectioner le champ de recherche. Ensuite il est possible de supprimer la recherche avec <kbd>Esc</kbd>.</p>
 </div>
 
 <h2 id="Modifier_les_règles">Modifier les règles</h2>
 
 <p>Cliquer sur une déclaration ou un sélecteur dans l'onglet des règles permet de les éditer et d'observer immédiatement le résultat. Il est également possible de parcourir les différentes propriétés et valeurs avec <kbd>Tab</kbd>, et de les éditer avec <kbd>Entrée</kbd> ou <kbd>Espace</kbd>. Pour ajouter une nouvelle déclaration, il faut cliquer sur la dernière ligne de la règle (celle où il y a l’accolade fermante).</p>
 
-<p>Alors que le nom de la propriété est en train d'être écrite, une liste d'auto complétions s'affiche. Appuyer sur <kbd>Tab </kbd> accepte la suggestion sélectionnée, et <kbd>Flèche Haut</kbd> et <kbd>Flèche Bas</kbd> permettent de se déplacer dans la liste. La suggestion sélectionnée par défaut est la propriété la plus commune commençant par les lettres tapées. Ici par exemple, l'utilisateur à tapé "c", et le choix par défaut est "color" :</p>
+<p>Alors que le nom de la propriété est en train d'être écrite, une liste d'auto complétions s'affiche. Appuyer sur <kbd>Tab </kbd> accepte la suggestion sélectionnée, et <kbd>Flèche Haut</kbd> et <kbd>Flèche Bas</kbd> permettent de se déplacer dans la liste. La suggestion sélectionnée par défaut est la propriété la plus commune commençant par les lettres tapées. Ici par exemple, l'utilisateur à tapé "c", et le choix par défaut est "color" :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13080/css-autocomplete.png" style="display: block; height: 401px; margin-left: auto; margin-right: auto; width: 587px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html b/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
index 80d1307dcc..7241cc57f1 100644
--- a/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
@@ -33,6 +33,6 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_modèle_de_boî
 
 <h2 id="Éditer_le_modèle_de_boites">Éditer le modèle de boites</h2>
 
-<p>Il est également possible d'éditer les valeurs dans la <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#Computed_view">vue modèle de boite</a> et les changements dans la page sont affiché immédiatement :</p>
+<p>Il est également possible d'éditer les valeurs dans la <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#Computed_view">vue modèle de boite</a> et les changements dans la page sont affiché immédiatement :</p>
 
 <p>{{EmbedYouTube("gHjDjM8GJ9I")}}</p>
diff --git a/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html b/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
index ab47f3c8a4..fd1dd8b192 100644
--- a/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
@@ -12,12 +12,8 @@ original_slug: Outils/Inspecteur/Comment/Examiner_les_écouteurs_d_évènements
 
 <p>L'inspecteur affiche dans le <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">panneau HTML</a> le mot "event" à côté des éléments qui ont un écouteur lié :</p>
 
-<p> </p>
-
 <p><img alt="" src="https://mdn.mozillademos.org/files/16253/inspect_element_with_eventhandler.png" style="border: 1px solid black; display: block; height: 24px; margin-left: auto; margin-right: auto; width: 491px;"></p>
 
-<p> </p>
-
 <p>Cliquer sur cette icône fera apparaitre une pop-up listant tous les écouteurs liés à cet élément :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16254/inspector_event_handlers.png" style="border: 1px solid black; display: block; height: 702px; margin-left: auto; margin-right: auto; width: 828px;">Chaque ligne contient :</p>
diff --git a/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html b/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
index e2c8c579aa..d59b1b3513 100644
--- a/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
@@ -99,7 +99,7 @@ original_slug: Outils/Inspecteur/Comment/Examine_grid_layouts
 
 <h3 id="Prolonger_les_lignes_à_linfini">Prolonger les lignes à l'infini</h3>
 
-<p>Par défaut les lignes/<em>tracks </em>ne sont affichées que dans l'élément sur laquelle la grille est appliquée :</p>
+<p>Par défaut les lignes/<em>tracks </em>ne sont affichées que dans l'élément sur laquelle la grille est appliquée :</p>
 
 <p><img alt="A CSS grid overlay with grid lines not extended infinitely" src="https://mdn.mozillademos.org/files/15987/no-extend-lines.png" style="border-style: solid; border-width: 1px; display: block; height: 499px; margin: 0px auto; width: 1000px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/select_an_element/index.html b/files/fr/tools/page_inspector/how_to/select_an_element/index.html
index bb693e7355..42d6b7169e 100644
--- a/files/fr/tools/page_inspector/how_to/select_an_element/index.html
+++ b/files/fr/tools/page_inspector/how_to/select_an_element/index.html
@@ -34,4 +34,4 @@ original_slug: Outils/Inspecteur/Comment/Sélectionner_un_élément
 
 <p>{{EmbedYouTube("Ss_fJz0zaxA")}}</p>
 
-<p>Depuis Firefox 52, utiliser la touche <kbd>Maj</kbd>  lors du clic sélectionnera l'élément, mais ne fermera pas le sélectioneur (afin de pouvoir sélectionner un autre élément ensuite)</p>
+<p>Depuis Firefox 52, utiliser la touche <kbd>Maj</kbd>  lors du clic sélectionnera l'élément, mais ne fermera pas le sélectioneur (afin de pouvoir sélectionner un autre élément ensuite)</p>
diff --git a/files/fr/tools/page_inspector/how_to/work_with_animations/index.html b/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
index afd47abe3f..d88677b9ae 100644
--- a/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
@@ -96,7 +96,7 @@ original_slug: Outils/Inspecteur/Comment/Work_with_animations
 
 <p>This is essentially a visual representation of the animation's <a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations/Animation_inspector_example:_Web_Animations_API#JavaScript_Content">keyframes</a>:</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">var</span> iconKeyframeSet <span class="operator token">=</span> <span class="punctuation token">[</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> iconKeyframeSet <span class="operator token">=</span> <span class="punctuation token">[</span>
   <span class="punctuation token">{</span> transform<span class="punctuation token">:</span> <span class="string token">'scale(1)'</span><span class="punctuation token">,</span>   filter<span class="punctuation token">:</span> <span class="string token">'grayscale(100%)'                </span><span class="punctuation token">}</span><span class="punctuation token">,</span>
   <span class="punctuation token">{</span>                          filter<span class="punctuation token">:</span> <span class="string token">'grayscale(100%)'</span><span class="punctuation token">,</span> offset<span class="punctuation token">:</span> <span class="number token">0.333</span><span class="punctuation token"> }</span><span class="punctuation token">,</span>
   <span class="punctuation token">{</span> transform<span class="punctuation token">:</span> <span class="string token">'scale(1.5)'</span><span class="punctuation token">,</span>                            offset<span class="punctuation token">:</span> <span class="number token">0.666</span> <span class="punctuation token">}</span><span class="punctuation token">,</span>
diff --git a/files/fr/tools/page_inspector/ui_tour/index.html b/files/fr/tools/page_inspector/ui_tour/index.html
index 09eaf7d3c5..5edf2022f3 100644
--- a/files/fr/tools/page_inspector/ui_tour/index.html
+++ b/files/fr/tools/page_inspector/ui_tour/index.html
@@ -66,8 +66,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p><img alt="The Computed view within the Inspector." src="https://mdn.mozillademos.org/files/15509/57-computed-view.png" style="display: block; height: 491px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
-<p> </p>
-
 <p>Pour en savoir plus sur le modèle de boite, voir "<a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examiner et éditer le modèle de boite</a>". Il est a noter qu'avant Firefox 50, le modèle de boite n'apparaissait pas dans cet onglet puisqu'il avait le sien.</p>
 
 <p>Pour plus de détails sur les déclarations CSS de cette vue, voir "<a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#Examiner_le_CSS_calculé">Examiner le CSS calculé</a>".</p>
@@ -76,8 +74,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p>Cette vue liste toutes les polices présentes dans la page, ainsi que des exemples éditables.</p>
 
-<p> </p>
-
 <p><img alt="The all-new Inspector panel in Firefox 57." src="https://mdn.mozillademos.org/files/15517/57-fonts-panel.png" style="display: block; height: 344px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
 <p>Voir "<a href="/fr/docs/Outils/Inspecteur/Comment/Voir_les_polices">Voir les polices</a>" pour plus de détails.</p>
@@ -86,10 +82,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p>Cette vue apporte des détails sur les animations relatives à l'élément sélectionné, ainsi qu'un contrôleur pour les interrompre.</p>
 
-<p> </p>
-
 <p><img alt="This is the Animations pane in the Firefox 57 Inspector. " src="https://mdn.mozillademos.org/files/15519/animation-view.png" style="display: block; height: 343px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
-<p> </p>
-
 <p>Voir "<a href="/fr/docs/Tools/Page_Inspector/How_to/Work_with_animations">Travailler avec les animations</a>" pour plus de détails.</p>
diff --git a/files/fr/tools/paint_flashing_tool/index.html b/files/fr/tools/paint_flashing_tool/index.html
index 703684394e..ab607de717 100644
--- a/files/fr/tools/paint_flashing_tool/index.html
+++ b/files/fr/tools/paint_flashing_tool/index.html
@@ -35,12 +35,12 @@ original_slug: Outils/Paint_Flashing_Tool
 
 <h2 id="Exemple_transitions_CSS">Exemple : transitions CSS</h2>
 
-<p>Un domaine dans lequel les choix d'implémentation impactent l'efficacité est les <a href="/fr/docs/Web/Guide/CSS/Using_CSS_transitions" title="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">transitions CSS</a>. L'exemple ce dessous montre deux façons différentes de déplacer un élément en utilisant une transition CSS. La première méthode applique la transition à la<code> </code><a href="/fr/docs/Web/CSS/margin-left" title="/en-US/docs/Web/CSS/margin-left"><code>margin-left</code></a> de l'élément, alors que la deuxième méthode déplace l'élément en utilisant la propriété <a href="/fr/docs/Web/CSS/transform" title="/fr/docs/Web/CSS/transform"><code>transform</code></a>.</p>
+<p>Un domaine dans lequel les choix d'implémentation impactent l'efficacité est les <a href="/fr/docs/Web/Guide/CSS/Using_CSS_transitions" title="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">transitions CSS</a>. L'exemple ce dessous montre deux façons différentes de déplacer un élément en utilisant une transition CSS. La première méthode applique la transition à la <a href="/fr/docs/Web/CSS/margin-left" title="/en-US/docs/Web/CSS/margin-left"><code>margin-left</code></a> de l'élément, alors que la deuxième méthode déplace l'élément en utilisant la propriété <a href="/fr/docs/Web/CSS/transform" title="/fr/docs/Web/CSS/transform"><code>transform</code></a>.</p>
 
 <pre class="brush: html">&lt;body&gt;
     &lt;div id="container"&gt;
-      &lt;div class="moving-box" id="moving-box-left-margin"&gt;Transition utilisant margin-left&lt;/div&gt;
-      &lt;div class="moving-box" id="moving-box-transform"&gt;Transition utilisant transform&lt;/div&gt;
+      &lt;div class="moving-box" id="moving-box-left-margin"&gt;Transition utilisant margin-left&lt;/div&gt;
+      &lt;div class="moving-box" id="moving-box-transform"&gt;Transition utilisant transform&lt;/div&gt;
     &lt;/div&gt;
 &lt;/body&gt;
 
@@ -51,29 +51,29 @@ original_slug: Outils/Paint_Flashing_Tool
 }
 
 .moving-box {
-  height: 20%;
-  width:20%;
-  margin: 2%;
-  padding: 2%;
-  background-color: blue;
-  color: white;
-  font-size: 24px;
+  height: 20%;
+  width:20%;
+  margin: 2%;
+  padding: 2%;
+  background-color: blue;
+  color: white;
+  font-size: 24px;
 }
 
 #moving-box-left-margin {
-  transition: margin-left 4s;
+  transition: margin-left 4s;
 }
 
 #moving-box-transform {
-  transition: transform 4s;
+  transition: transform 4s;
 }
 
 body:hover #moving-box-left-margin{
-  margin-left: 74%;
+  margin-left: 74%;
 }
 
 body:hover #moving-box-transform {
-  transform: translate(300%);
+  transform: translate(300%);
 }</pre>
 
 <p>Pour voir la transition, placez la souris dans l'espace ce dessous :</p>
diff --git a/files/fr/tools/performance/call_tree/index.html b/files/fr/tools/performance/call_tree/index.html
index f6aa635a66..47b44db183 100644
--- a/files/fr/tools/performance/call_tree/index.html
+++ b/files/fr/tools/performance/call_tree/index.html
@@ -40,7 +40,7 @@ original_slug: Outils/Performance/Call_Tree
 
 <p><em>Durée individuelle</em> est calculé depuis <em>Coût individuel </em>comme un pourcentage du nombre total d'échantillons dans la portion sélectionnée de l'enregistrement.</p>
 
-<p>Dans la version actuelle de l'arbre d'appel, ce sont les colones les plus importantes. Les fonctions avec un <em>Cout individuel</em> important sont de bons candidats pour de l'optimisation, soit parce qu’elles prennent beaucoup de temps à s'exécuter, soit parce qu'elles sont appelées très souvent.</p>
+<p>Dans la version actuelle de l'arbre d'appel, ce sont les colones les plus importantes. Les fonctions avec un <em>Cout individuel</em> important sont de bons candidats pour de l'optimisation, soit parce qu’elles prennent beaucoup de temps à s'exécuter, soit parce qu'elles sont appelées très souvent.</p>
 
 <p>Cette capture d'écran révèle ce que l'on savait déjà : <code>bubbleSort()</code> est un algorithme très inefficace. Il y a à peu près 6 fois plus d'échantillons dans <code>bubbleSort()</code> que de dans <code>selectionSort()</code>, et 13 fois plus dans que dans <code>quickSort()</code>.</p>
 
@@ -112,8 +112,6 @@ original_slug: Outils/Performance/Call_Tree
 <p>Par défaut, l'arbre d'appel ne sépare par les données de plateforme dans des fonctions séparées, car elles ajoutent beaucoup de nuisance et ces détails ont peu de chances d'être utiles à des personnes ne travaillant sur le développement de Firefox. Si vous voulez cependant voir ces détails, il faut cocher l'option "Afficher les données de la plateforme Gecko" dans les <a href="/fr/docs/Tools/Performance/UI_Tour#Toolbar">options</a>.</p>
 </div>
 
-<p> </p>
-
 <h2 id="Utiliser_un_arbre_inversé_(_Bottom-Up)">Utiliser un arbre inversé ( Bottom-Up)</h2>
 
 <p>Un arbre d'appel inversé, inverse l'ordre de toutes les piles, en mettant la fonction la plus loin dans l'arbre au début. La conséquence directe est que cette vue se focalise plus sur l'information <em>Durée Individuelle</em>. Cette vue est pratique pour trouver les points "chauds" du code.</p>
diff --git a/files/fr/tools/performance/examples/index.html b/files/fr/tools/performance/examples/index.html
index 0d099388a9..ea6436866a 100644
--- a/files/fr/tools/performance/examples/index.html
+++ b/files/fr/tools/performance/examples/index.html
@@ -4,6 +4,6 @@ slug: Tools/Performance/Examples
 translation_of: Tools/Performance/Examples
 original_slug: Outils/Performance/Examples
 ---
-<div>{{ToolsSidebar}}</div><p>Liste des pages de démos pour les scénarios de performances et walkthroughs.</p>
+<div>{{ToolsSidebar}}</div><p>Liste des pages de démos pour les scénarios de performances et walkthroughs.</p>
 
 <p>{{ ListSubpages ("/en-US/docs/Tools/Performance/Examples", 5) }}</p>
diff --git a/files/fr/tools/performance/scenarios/intensive_javascript/index.html b/files/fr/tools/performance/scenarios/intensive_javascript/index.html
index e2509d5b17..c225cc76fd 100644
--- a/files/fr/tools/performance/scenarios/intensive_javascript/index.html
+++ b/files/fr/tools/performance/scenarios/intensive_javascript/index.html
@@ -80,9 +80,9 @@ function calculatePrimes(iterations, multiplier) {
 }
 
 function doPointlessComputationsWithBlocking() {
-  var primes = calculatePrimes(iterations, multiplier);
-  pointlessComputationsButton.disabled = false;
-  console.log(primes);
+  var primes = calculatePrimes(iterations, multiplier);
+  pointlessComputationsButton.disabled = false;
+  console.log(primes);
 }
 </pre>
 
diff --git a/files/fr/tools/performance/waterfall/index.html b/files/fr/tools/performance/waterfall/index.html
index caea98ceb1..3a349b3431 100644
--- a/files/fr/tools/performance/waterfall/index.html
+++ b/files/fr/tools/performance/waterfall/index.html
@@ -131,7 +131,7 @@ original_slug: Outils/Performance/Waterfall
     <p>Le calcul des positions et de la taille des éléments de la page. Cette opération est parfois appelée "reflow".</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/10707/purple.png" style="height: 21px; width: 60px;"></td>
-   <td> </td>
+   <td></td>
   </tr>
   <tr>
    <td>
@@ -140,7 +140,7 @@ original_slug: Outils/Performance/Waterfall
     <p>Affichage des pixels à l'écran</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/10705/green.png" style="height: 21px; width: 60px;"></td>
-   <td> </td>
+   <td></td>
   </tr>
   <tr>
    <td>
@@ -155,7 +155,6 @@ original_slug: Outils/Performance/Waterfall
      <dd>Une chaine de caractères indiquant la raison pour laquelle le ramasse-miettes a été effectué.</dd>
      <dt>Raison du cycle non incrémentiel</dt>
      <dd>Si l'évènement n'était pas incrémentiel, une chaine expliquant pourquoi la GC a été effectuée.</dd>
-     <dt> </dt>
      <dd>
      <div class="geckoVersionNote">
      <p>Nouveau dans Firefox 46: Si l’évènement GC a été causé par une d'allocation, un nouveau lien "Show Allocation Triggers". Cliquer dessus affiche le profil d'allocation menant à cet évènement.</p>
@@ -189,9 +188,9 @@ original_slug: Outils/Performance/Waterfall
     <p>Préparation/préoptimisation pour le Cycle Collection.</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/10709/red.png" style="height: 21px; width: 60px;"></td>
-   <td><span class="hidden"> </span>
-    <p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><strong>Type</strong></p>
-    <span class="hidden"> </span>
+   <td><span class="hidden"> </span>
+    <p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><strong>Type</strong></p>
+    <span class="hidden"> </span>
 
     <dl>
      <dd>Toujours "ForgetSkippable".</dd>
@@ -237,7 +236,7 @@ original_slug: Outils/Performance/Waterfall
     <p>L'évènement <code><a href="/en-US/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a></code> du document</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/12191/red.png" style="height: 21px; width: 60px;"></td>
-   <td> </td>
+   <td></td>
   </tr>
   <tr>
    <td>
@@ -246,7 +245,7 @@ original_slug: Outils/Performance/Waterfall
     <p>L'évènement <code><a href="/en-US/docs/Web/Events/load">load</a></code> du document.</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/12193/blue.png" style="height: 21px; width: 60px;"></td>
-   <td> </td>
+   <td></td>
   </tr>
   <tr>
    <td>
@@ -270,7 +269,7 @@ original_slug: Outils/Performance/Waterfall
    <td>
     <p><strong>Worker event in worker thread</strong></p>
 
-    <p>Affiché lorsque le worker  envoie un message à un worker, ou reçoit un message du thread principal.</p>
+    <p>Affiché lorsque le worker envoie un message à un worker, ou reçoit un message du thread principal.</p>
    </td>
    <td><img alt="" src="https://mdn.mozillademos.org/files/12197/orange2-hollow.png" style="height: 21px; width: 60px;"></td>
    <td>
diff --git a/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html b/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html
index 7a8ea23caf..c77efa7056 100644
--- a/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html
+++ b/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html
@@ -16,8 +16,6 @@ original_slug: Outils/Débogage_distant/Debugging_Firefox_for_Android_with_WebID
 <p>Pour que cela fonctionne, il est nécessaire d'avoir les versions Firefox Desktop 36+ et Firefox pour Android 35+. Si vous avez besoin d'utiliser des versions précédentes, regardez les instructions pour <a href="/fr/docs/Tools/Remote_Debugging/Firefox_for_Android">connecter les outils de développement à Firefox pour Android</a>.</p>
 </div>
 
-<p> </p>
-
 <p><img alt="" src="https://mdn.mozillademos.org/files/9011/remote-debugging-overview-fx36.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
 
 <p>Ce guide est divisé en deux parties : la première partie "Prérequis", décris toutes les opérations qui ne sont requises qu'une seule fois, alors que la seconde partie "Connexion", décrit les étapes qui sont nécessaires à chaque connexion.</p>
@@ -38,13 +36,13 @@ original_slug: Outils/Débogage_distant/Debugging_Firefox_for_Android_with_WebID
 
 <p>Si vous n'avez pas ADB Helper version 0.7.1+, sélectionnez " Gérer les composants additionnels " depuis le menu "Projets", et ADB Helper sera listé sous "Composants supplémentaires" :</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/9021/extra-components.png" style="display: block; margin-left: auto; margin-right: auto;">Cliquez sur "désinstaller", puis sur  "installer", et vous devriez maintenant avoir la dernière version.</p>
+<p><img alt="" src="https://mdn.mozillademos.org/files/9021/extra-components.png" style="display: block; margin-left: auto; margin-right: auto;">Cliquez sur "désinstaller", puis sur  "installer", et vous devriez maintenant avoir la dernière version.</p>
 
 <h3 id="Configurer_l'appareil_Android">Configurer l'appareil Android</h3>
 
 <p>Tout d'abord, activez le débogage USB en suivant les étapes<a class="external external-icon" href="http://developer.android.com/guide/developing/device.html#setting-up">2 et 3 de ce lien et uniquement ce lien</a>.</p>
 
-<p>Ensuite, activez le débogage distant dans Firefox pour Android : Ouvrez le navigateur, ouvre le menu et sélectionnez "Options" puis  "Outils de développement" (sur certains appareils il peut être nécessaire de sélectionner "Plus" pour voir "Options"). Maintenant, cochez la case "Débogage distant" :</p>
+<p>Ensuite, activez le débogage distant dans Firefox pour Android : Ouvrez le navigateur, ouvre le menu et sélectionnez "Options" puis  "Outils de développement" (sur certains appareils il peut être nécessaire de sélectionner "Plus" pour voir "Options"). Maintenant, cochez la case "Débogage distant" :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5829/remote-debugging-device-enable.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
 
diff --git a/files/fr/tools/remote_debugging/thunderbird/index.html b/files/fr/tools/remote_debugging/thunderbird/index.html
index f01eb174f8..07b08919a7 100644
--- a/files/fr/tools/remote_debugging/thunderbird/index.html
+++ b/files/fr/tools/remote_debugging/thunderbird/index.html
@@ -14,7 +14,7 @@ original_slug: Outils/Débogage_distant/Thunderbird
 
 <h2 id="Configurer_Thunderbird">Configurer Thunderbird</h2>
 
-<p>Tout ce qui a besoin d'être fait dans Thunderbird est d'activer le serveur de débogage. Cela peut être fait en utilisant le menu <code>Outils</code> dans la barre d'outils  (alt + Outils) et en sélectionnant <code>Activer le débogage distant</code>. Par défaut, le serveur sera ouvert sur le port 6000. Si vous désirez changer ce port, par exemple pour déboguer de multiples profils, il est nécessaire d'ouvrir l'éditeur de configuration avancé et de changer la préférence <code>devtools.debugger.remote-port</code>.</p>
+<p>Tout ce qui a besoin d'être fait dans Thunderbird est d'activer le serveur de débogage. Cela peut être fait en utilisant le menu <code>Outils</code> dans la barre d'outils  (alt + Outils) et en sélectionnant <code>Activer le débogage distant</code>. Par défaut, le serveur sera ouvert sur le port 6000. Si vous désirez changer ce port, par exemple pour déboguer de multiples profils, il est nécessaire d'ouvrir l'éditeur de configuration avancé et de changer la préférence <code>devtools.debugger.remote-port</code>.</p>
 
 <h2 id="Configurer_Firefox">Configurer Firefox</h2>
 
diff --git a/files/fr/tools/responsive_design_mode/index.html b/files/fr/tools/responsive_design_mode/index.html
index 69725ebd32..07812bf910 100644
--- a/files/fr/tools/responsive_design_mode/index.html
+++ b/files/fr/tools/responsive_design_mode/index.html
@@ -34,19 +34,15 @@ original_slug: Outils/Vue_adaptative
 <p><strong>Note:</strong> L'appareil sélectioné ainsi que l'orientation (portrait/paysage) sera sauvegardé entre deux sessions.</p>
 </div>
 
-<p> </p>
-
 <p><img alt="" src="https://mdn.mozillademos.org/files/16319/RDM.png" style="display: block; height: 805px; margin-left: auto; margin-right: auto; width: 852px;"></p>
 
-<p> </p>
-
 <p>Il est possible d'afficher ou de cacher la boîte à outils indépendamment de la vue adaptative elle-même :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16320/RDMdevtools.png" style="display: block; height: 799px; margin-left: auto; margin-right: auto; width: 852px;">Quand la vue adaptative est activée, il est possible de continuer à naviguer comme vous le feriez normalement dans la zone de contenu redimensionnée.</p>
 
 <h2 id="Sélectionner_un_appareil">Sélectionner un appareil</h2>
 
-<p>Juste au-dessus de la zone d'affichage, se trouve la ligne "Aucun appareil sélectionné". Cliquer sur cette ligne ouvrira une liste de noms d'appareils. Sélectionner un appareil, et le mode de vue adaptative configurera les propriétés suivantes correspondantes à l'appareil sélectionné :</p>
+<p>Juste au-dessus de la zone d'affichage, se trouve la ligne "Aucun appareil sélectionné". Cliquer sur cette ligne ouvrira une liste de noms d'appareils. Sélectionner un appareil, et le mode de vue adaptative configurera les propriétés suivantes correspondantes à l'appareil sélectionné&nbsp;:</p>
 
 <ul>
  <li>Taille de l'écran</li>
diff --git a/files/fr/tools/shader_editor/index.html b/files/fr/tools/shader_editor/index.html
index c97577af6f..8a3a69fb0a 100644
--- a/files/fr/tools/shader_editor/index.html
+++ b/files/fr/tools/shader_editor/index.html
@@ -17,7 +17,7 @@ original_slug: Outils/Editeur_de_shaders
 
 <p>{{EmbedYouTube("hnoKqFuJhu0")}}</p>
 
-<p>WebGL est une API JavaScript qui sert à afficher des graphismes 3D et 2D interactifs dans le navigateur sans plugin. Avec WebGL deux programmes appelés "Shaders" sont générés, ceux-ci sont appelé dans le niveau approprié du  <a href="https://www.opengl.org/wiki/Rendering_Pipeline_Overview">processus d’affichage d'OpenGL </a>Le premier shader est un <a href="https://www.opengl.org/wiki/Vertex_Shader">vertex shader</a>, qui fournit les coordonnés de chaque vertex qui doit être affiché. Le deuxième est un <a href="https://www.opengl.org/wiki/Fragment_Shader">fragment shader</a> qui fournit la couleur de chaque pixel qui doit être affiché.<br>
+<p>WebGL est une API JavaScript qui sert à afficher des graphismes 3D et 2D interactifs dans le navigateur sans plugin. Avec WebGL deux programmes appelés "Shaders" sont générés, ceux-ci sont appelé dans le niveau approprié du  <a href="https://www.opengl.org/wiki/Rendering_Pipeline_Overview">processus d’affichage d'OpenGL </a>Le premier shader est un <a href="https://www.opengl.org/wiki/Vertex_Shader">vertex shader</a>, qui fournit les coordonnés de chaque vertex qui doit être affiché. Le deuxième est un <a href="https://www.opengl.org/wiki/Fragment_Shader">fragment shader</a> qui fournit la couleur de chaque pixel qui doit être affiché.<br>
  <br>
  Ces shaders sont codés dans le langage OpenGL Shading, ou <a href="https://www.opengl.org/documentation/glsl/">GLSL</a>. En WebGL, ces shaders peuvent être intégrés dans une page de différentes manières : sous forme de texte directement codés dans le code source JavaScript, sous forme de fichier séparé intégré avec les balises {{HTMLElement("script")}}, ou récupérés depuis le serveur sous forme de texte. Le code JavaScript en cours d’exécution dans la page envoie alors les shaders à la compilation en utilisant les APIs WebGL, et ils sont ensuite exécutés sur le GPU (unité de processeur graphique) de l'appareil.</p>
 
diff --git a/files/fr/tools/style_editor/index.html b/files/fr/tools/style_editor/index.html
index 4bb350881a..0e249b0c93 100644
--- a/files/fr/tools/style_editor/index.html
+++ b/files/fr/tools/style_editor/index.html
@@ -86,7 +86,7 @@ original_slug: Outils/Éditeur_de_style
 
 <ul>
  <li>Utiliser un préprocesseur de CSS qui respecte la <a href="https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit">proposition de "Source Map" Revision 3</a>. Aujourd’hui cela signifie utiliser la version 3.3.0 de <a href="http://sass-lang.com/">Sass</a>, ou la <a href="http://roots.io/using-less-source-maps/">version 1.5.0 de Less</a>. D'autres préprocesseurs sont actuellement en train de travailler pour devenir compatible ou considèrent le faire.</li>
- <li>Ordonner au préprocesseur de générer une "source map" par exemple passer le paramètre  <code>--sourcemap</code> à l’outil de ligne de commande Sass.</li>
+ <li>Ordonner au préprocesseur de générer une "source map" par exemple passer le paramètre  <code>--sourcemap</code> à l’outil de ligne de commande Sass.</li>
 </ul>
 
 <h3 id="Voir_les_sources_d'origine">Voir les sources d'origine</h3>
diff --git a/files/fr/tools/taking_screenshots/index.html b/files/fr/tools/taking_screenshots/index.html
index 1c59043e81..0311ac8c56 100644
--- a/files/fr/tools/taking_screenshots/index.html
+++ b/files/fr/tools/taking_screenshots/index.html
@@ -38,7 +38,7 @@ original_slug: Outils/Taking_screenshots
 
 <h2 id="Copier_des_captures_d'écran_dans_le_presse-papier">Copier des captures d'écran dans le presse-papier</h2>
 
-<p>Dans Firefox 53, il est possible de copier la  capture d'écran dans le presse-papier. Pensez à cocher la case « Enregistrer dans le presse-papiers » :</p>
+<p>Dans Firefox 53, il est possible de copier la capture d'écran dans le presse-papier. Pensez à cocher la case « Enregistrer dans le presse-papiers » :</p>
 
 <p>{{EmbedYouTube("AZedFGh6F78")}}</p>
 
diff --git a/files/fr/tools/tips/index.html b/files/fr/tools/tips/index.html
index 2f988f78de..9c91aeadb2 100644
--- a/files/fr/tools/tips/index.html
+++ b/files/fr/tools/tips/index.html
@@ -106,7 +106,7 @@ original_slug: Outils/Tips
 
 <ul>
  <li>L'icône de boite noire (<img alt="Icon for black boxing a JavaScript source" src="https://mdn.mozillademos.org/files/14189/Black%20boxing.png" style="height: 18px; width: 18px;">) du panneau des feuilles de style permet d'afficher ou de cacher une feuille de style.</li>
- <li>Cliquez sur une <a href="/fr/docs/Outils/Éditeur_de_style#Le_volet_media">règle @media </a> pour l'appliquer dans la <a href="/fr/docs/Outils/Vue_adaptative">Vue adaptative</a>.</li>
+ <li>Cliquez sur une <a href="/fr/docs/Outils/Éditeur_de_style#Le_volet_media">règle @media </a> pour l'appliquer dans la <a href="/fr/docs/Outils/Vue_adaptative">Vue adaptative</a>.</li>
  <li>Cliquez sur le bouton d'import (<img alt="Button to import a style sheet from the file system" src="https://mdn.mozillademos.org/files/14193/Import%20button.png" style="height: 18px; width: 18px;">) pour importer une feuille de style ou le bouton de création (<img alt="Button to create a new style sheet" src="https://mdn.mozillademos.org/files/14195/Create%20style%20sheet%20button.png" style="height: 18px; width: 18px;">) pour en créer une nouvelle.</li>
  <li>Cliquez sur le bouton d'option du <a href="/fr/docs/Outils/Éditeur_de_style#Le_panneau_des_feuilles_de_style">panneau des feuilles de style</a> et cliquez sur <a href="/fr/docs/Outils/Éditeur_de_style#Support_de_.22Source_map.22">"Afficher les sources originales"</a> pour basculer vers l'affichage des fichiers du pré-processeur CSS.</li>
 </ul>
diff --git a/files/fr/tools/tools_toolbox/index.html b/files/fr/tools/tools_toolbox/index.html
index 26d70893fa..6cd8fa4b3e 100644
--- a/files/fr/tools/tools_toolbox/index.html
+++ b/files/fr/tools/tools_toolbox/index.html
@@ -17,7 +17,7 @@ original_slug: Outils/Outils_boite_à_outils
  <li>Sélectionner "Outils de développement" dans le menu "Développement" (dans "Outils" pour OS X et Linux, ou dans "Firefox" sous Windows),</li>
  <li>Cliquer sur l'icône en forme de clé à mollette (<img alt="" src="https://mdn.mozillademos.org/files/12710/wrench-icon.png" style="height: 21px; width: 21px;">), dans la barre d'outils principale ou dans le menu (<img alt="" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;">), puis sélectionner "Afficher les outils"</li>
  <li>Activer l'un des outils, par exemple le débogueur JavaScript ou l'inspecteur web).</li>
- <li>Utiliser le raccourci  <kbd>Ctrl</kbd>+ <kbd>Maj</kbd>+ <kbd>I</kbd> sous Windows ou Linux, ou bien <kbd>Cmd</kbd>+ <kbd>Opt</kbd> +<kbd>i</kbd> pour OS X. Ou bien même utiliser la touche <kbd>F12</kbd>. Voir aussi les <a href="/fr/docs/Tools/Keyboard_shortcuts">raccourcis clavier</a>.</li>
+ <li>Utiliser le raccourci  <kbd>Ctrl</kbd>+ <kbd>Maj</kbd>+ <kbd>I</kbd> sous Windows ou Linux, ou bien <kbd>Cmd</kbd>+ <kbd>Opt</kbd> +<kbd>i</kbd> pour OS X. Ou bien même utiliser la touche <kbd>F12</kbd>. Voir aussi les <a href="/fr/docs/Tools/Keyboard_shortcuts">raccourcis clavier</a>.</li>
 </ul>
 
 <p>Par défaut, la fenêtre apparait en bas de la fenêtre de navigation, mais il est possible de la détacher. Voici à quoi ressemble la fenêtre en mode attaché :</p>
diff --git a/files/fr/tools/validators/index.html b/files/fr/tools/validators/index.html
index a894d9d79f..1e296f35a3 100644
--- a/files/fr/tools/validators/index.html
+++ b/files/fr/tools/validators/index.html
@@ -64,8 +64,8 @@ L'assistant de mise en conformité renverra vers Devedge
 <h3 id="Informations_sur_le_document_original" name="Informations_sur_le_document_original">Informations sur le document original</h3>
 
 <ul>
- <li>Dernière mise à jour : 16 août 2002</li>
- <li>Copyright : © 2001-2003 Netscape.</li>
+ <li>Dernière mise à jour&nbsp;: 16 août 2002</li>
+ <li>Copyright&nbsp;: © 2001-2003 Netscape.</li>
 </ul>
 </div>
 
diff --git a/files/fr/tools/web_audio_editor/index.html b/files/fr/tools/web_audio_editor/index.html
index 69175a1e24..9e8a6dc936 100644
--- a/files/fr/tools/web_audio_editor/index.html
+++ b/files/fr/tools/web_audio_editor/index.html
@@ -20,21 +20,21 @@ original_slug: Outils/Editeur_Web_Audio
  <li>Des nœuds représentant la <a href="/fr/docs/Web/API/Web_Audio_API#Defining_audio_destinations">destination du flux audio</a>, par exemple les hauts parleurs.</li>
 </ul>
 
-<p>Chaque nœud à zéro ou plusieurs propriétés {{domxref ("AudioParam")}}. Ces propriétés configurent sa fonction. Par exemple le {{domxref ("GainNode")}} a une seule propriété <code>gain</code> alors que le nœud {{domxref ("OscillatorNode")}} a les propriétés <code>frequency</code>  et <code>detune</code>.</p>
+<p>Chaque nœud à zéro ou plusieurs propriétés {{domxref ("AudioParam")}}. Ces propriétés configurent sa fonction. Par exemple le {{domxref ("GainNode")}} a une seule propriété <code>gain</code> alors que le nœud {{domxref ("OscillatorNode")}} a les propriétés <code>frequency</code>  et <code>detune</code>.</p>
 
 <p>Le développeur connecte les nœuds dans un graphique et le graphique une fois complet définit le comportement du flux audio.</p>
 
-<p>L'Éditeur Web Audio examine un contexte audio construit dans la page et fournit une visualisation de son graphique. Cela donne une vue globale de son fonctionnement et permet de vérifier que tous les nœuds sont connectés comme attendu. Il est également possible d’examiner et d'éditer la propriété <code>AudioParam</code> pour chaque nœud du graphique. Quelques propriétés non-<code>AudioParam</code>  comme une propriété <code>OscillatorNode</code>'s <code>type</code>, sont également affichées et il est aussi possible de les éditer.</p>
+<p>L'Éditeur Web Audio examine un contexte audio construit dans la page et fournit une visualisation de son graphique. Cela donne une vue globale de son fonctionnement et permet de vérifier que tous les nœuds sont connectés comme attendu. Il est également possible d’examiner et d'éditer la propriété <code>AudioParam</code> pour chaque nœud du graphique. Quelques propriétés non-<code>AudioParam</code>  comme une propriété <code>OscillatorNode</code>'s <code>type</code>, sont également affichées et il est aussi possible de les éditer.</p>
 
 <p>Cet outil étant encore expérimental, si vous trouvez des bugs, nous adorerions que vous les <a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&amp;component=Developer%20Tools%3A%20Web%20Audio%20Editor">reportiez dans <span class="external external-icon">Bugzilla</span></a>. Si vous avez des avis ou des suggestions pour de nouvelles fonctionnalités, <a href="https://lists.mozilla.org/listinfo/dev-developer-tools">dev-developer-tools</a> ou <a href="http://twitter.com/firefoxdevtools">Twitter</a> sont de bon endroit pour les partager.</p>
 
 <h2 id="Ouvrir_l'Éditeur_Web_Audio">Ouvrir l'Éditeur Web Audio</h2>
 
-<p>L'Éditeur Web Audio n'est pas activé par défaut dans Firefox 32. Pour l'activer, il faut ouvrir les<a href="/fr/docs/Tools/Tools_Toolbox#Settings_2"> options des outils de développement</a> et cocher l'option "Web Audio".  Un nouvel onglet nommé "Web Audio" s'ajoute alors à vos outils de développement. Il faut ensuite cliquer sur l’onglet et charger une page avec un contexte audio. Voici deux bons exemples :</p>
+<p>L'Éditeur Web Audio n'est pas activé par défaut dans Firefox 32. Pour l'activer, il faut ouvrir les<a href="/fr/docs/Tools/Tools_Toolbox#Settings_2"> options des outils de développement</a> et cocher l'option "Web Audio".  Un nouvel onglet nommé "Web Audio" s'ajoute alors à vos outils de développement. Il faut ensuite cliquer sur l’onglet et charger une page avec un contexte audio. Voici deux bons exemples :</p>
 
 <ul>
  <li>Le <a href="https://github.com/mdn/voice-change-o-matic">Voice-change-O-Matic</a>, qui peut appliquer divers effets à l’entrée du microphone et fournit aussi une visualisation du résultat.</li>
- <li>La démo <a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a>, qui change le ton et le volume d'un signal sinusoïdal  lorsque l'on bouge la souris.</li>
+ <li>La démo <a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a>, qui change le ton et le volume d'un signal sinusoïdal lorsque l'on bouge la souris.</li>
 </ul>
 
 <h2 id="Visualiser_le_graphique">Visualiser le graphique</h2>
diff --git a/files/fr/tools/web_console/console_messages/index.html b/files/fr/tools/web_console/console_messages/index.html
index dbf34270a4..f12bb1eb54 100644
--- a/files/fr/tools/web_console/console_messages/index.html
+++ b/files/fr/tools/web_console/console_messages/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Console_Web/Console_messages
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p>La majorité de la Console Web est occupée par le panneau d'affichage des messages :</p>
+<p>La majorité de la Console Web est occupée par le panneau d'affichage des messages&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13278/console-messages.png" style="display: block; height: 278px; margin-left: auto; margin-right: auto; width: 877px;"></p>
 
@@ -23,16 +23,16 @@ original_slug: Outils/Console_Web/Console_messages
   <tr>
    <th scope="row">Catégorie</th>
    <td>
-    <p>Indique le type de message :</p>
+    <p>Indique le type de message&nbsp;:</p>
 
     <ul>
      <li><strong>Noir </strong>: Requête HTTP</li>
-     <li><span style="color: #0099ff;"><strong>Bleu </strong></span> : Avertissement/erreur CSS</li>
-     <li><strong><span style="color: #ff8c00;">Orange </span></strong> : Avertissement/erreur JavaScript</li>
-     <li><span style="color: #ff0000;"><strong>Rouge</strong></span> : Avertissement/erreur de sécurité</li>
+     <li><span style="color: #0099ff;"><strong>Bleu </strong></span>&nbsp;: Avertissement/erreur CSS</li>
+     <li><strong><span style="color: #ff8c00;">Orange </span></strong>&nbsp;: Avertissement/erreur JavaScript</li>
+     <li><span style="color: #ff0000;"><strong>Rouge</strong></span>&nbsp;: Avertissement/erreur de sécurité</li>
      <li>Vert : Logs serveur</li>
-     <li><span style="color: #a9a9a9;"><strong>Gris léger </strong></span> : Message de l'API <a href="/en-US/docs/Web/API/console" title="/en-US/docs/Web/API/console">Console</a></li>
-     <li><span style="color: #696969;"><strong>Gris foncé</strong></span> : Messages d'entrées/sorties de la <a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter">ligne de commande JavaScript</a></li>
+     <li><span style="color: #a9a9a9;"><strong>Gris léger </strong></span>&nbsp;: Message de l'API <a href="/en-US/docs/Web/API/console" title="/en-US/docs/Web/API/console">Console</a></li>
+     <li><span style="color: #696969;"><strong>Gris foncé</strong></span>&nbsp;: Messages d'entrées/sorties de la <a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter">ligne de commande JavaScript</a></li>
     </ul>
    </td>
   </tr>
@@ -73,7 +73,7 @@ original_slug: Outils/Console_Web/Console_messages
 
 
 
-<p>Les requêtes résseau sont affichées sous cette forme :</p>
+<p>Les requêtes résseau sont affichées sous cette forme&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5593/web-console-message-request-annotated.png" style="display: block; height: 139px; margin-left: auto; margin-right: auto; width: 664px;"></p>
 
@@ -108,13 +108,13 @@ original_slug: Outils/Console_Web/Console_messages
  </tbody>
 </table>
 
-<p>Si vous cliquez sur le message, vous verrez une fenêtre contenant plus de détails sur la requête et la réponse :</p>
+<p>Si vous cliquez sur le message, vous verrez une fenêtre contenant plus de détails sur la requête et la réponse&nbsp;:</p>
 
-<p>Défiler vers le bas révèle les en-têtes de réponses. Par défaut, la Console Web n'enregistre pas les contenus de la requête et la réponse : pour le faire, activez le menu contextuel de la Console Web et choisissez "Journaliser le contenu des requêtes et des réponses". Rechargez la page, et vous les verrez dans cette fenêtre d'inspection.</p>
+<p>Défiler vers le bas révèle les en-têtes de réponses. Par défaut, la Console Web n'enregistre pas les contenus de la requête et la réponse&nbsp;: pour le faire, activez le menu contextuel de la Console Web et choisissez "Journaliser le contenu des requêtes et des réponses". Rechargez la page, et vous les verrez dans cette fenêtre d'inspection.</p>
 
 <p>Seul le premier méga-octet de données est enregistré pour le contenu de chaque requête ou réponse. Les requêtes et les réponses très lourdes seront tronquées.</p>
 
-<p>Les logs de messages réseaux ne sont pas montrés par defaut. Utiliser la fonction filtre pour les afficher.</p>
+<p>Les logs de messages réseaux ne sont pas montrés par defaut. Utiliser la fonction filtre pour les afficher.</p>
 
 <h4 id="XHR">XHR</h4>
 
@@ -128,7 +128,7 @@ original_slug: Outils/Console_Web/Console_messages
 
 <h3 id="Erreurs_et_avertissements_JavaScript">Erreurs et avertissements JavaScript</h3>
 
-<p>Les messages JavaScript ressemblent à :</p>
+<p>Les messages JavaScript ressemblent à&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/7101/js-error-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
 
@@ -136,7 +136,7 @@ original_slug: Outils/Console_Web/Console_messages
 
 <h3 id="Erreurs_CSS_avertissements_et_évènements_de_reflow">Erreurs CSS, avertissements et évènements de <em>reflow</em></h3>
 
-<p>Les messages CSS ressemblent à ceci :</p>
+<p>Les messages CSS ressemblent à ceci&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5585/web-console-message-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
 
@@ -145,16 +145,16 @@ original_slug: Outils/Console_Web/Console_messages
 <h4 id="Évènements_de_reflow">Évènements de reflow</h4>
 
 <p>La Console Web logue aussi les évènements de reflow. Un reflow est le nom donné à une opération pendant laquelle le navigateur calcule la disposition de tout ou partie de la page.<br>
- Les reflows se produisent lorsqu'un changement est arrivé dans la page et que la navigateur pense qu'il en affecte la disposition. Plusieurs évènements peuvent déclencher des reflows, incluant : redimensionner la fenêtre du navigateur, activer des pseudo-classes comme :hover ou manipuler le DOM en JavaScript.<br>
+ Les reflows se produisent lorsqu'un changement est arrivé dans la page et que la navigateur pense qu'il en affecte la disposition. Plusieurs évènements peuvent déclencher des reflows, incluant&nbsp;: redimensionner la fenêtre du navigateur, activer des pseudo-classes comme&nbsp;:hover ou manipuler le DOM en JavaScript.<br>
  <br>
  Parce que les reflows peuvent être très coûteux en calculs et affecter directement l'interface utilisateur, ils peuvent avoir un grand impact sur la réactivité d'un site ou d'une application web. En loguant les évènements de reflow, la Console Web peut vous donner une idée du moment auquel ces évènements sont déclenchés, combien de temps ils prennent à s'exécuter et si les reflows sont synchrones et déclenchés par du JavaScript, quel code les a déclenchés.<br>
  <br>
  Les évènements de reflow sont affichés dans la catégorie CSS, en tant que messages "Log", bien séparés des erreurs et avertissements CSS. Par défaut, ils sont désactivés. Vous pouvez les activer en cliquant sur le bouton "CSS" dans la boite à outils et en sélectionnant "Log".<br>
  <br>
- Chaque message porte une étiquette "reflow" et montre le temps qui a fallu pour exécuter le reflow :<br>
+ Chaque message porte une étiquette "reflow" et montre le temps qui a fallu pour exécuter le reflow&nbsp;:<br>
  <br>
  <img alt="" src="https://mdn.mozillademos.org/files/7087/web-console-reflow-asynch.png" style="height: 53px; width: 554px;"><br>
- Si le reflow est synchrone et a été déclenché par du JavaScript, un lien vers la ligne de code qui a déclenché le reflow est aussi affiché :</p>
+ Si le reflow est synchrone et a été déclenché par du JavaScript, un lien vers la ligne de code qui a déclenché le reflow est aussi affiché&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/7089/web-console-reflow-synch.png"><br>
  Cliquez sur le lien pour ouvrir le fichier dans le <a href="/fr/docs/Tools/Debugger">Débogueur</a>.</p>
@@ -163,7 +163,7 @@ original_slug: Outils/Console_Web/Console_messages
 
 <p>Si un changement est fait et qu'il invalide la disposition courante - par exemple, la fenêtre du navigateur est redimensionnée ou du JavaScript modifie le CSS d'un élément - la disposition n'est pas recalculée immédiatement. A la place, le reflow se produit de façon asynchrone, lorsque le navigateur décide que cela est nécessaire ; en général, lorsque le navigateur redessine ("repaint"). De cette façon, le navigateur peut enregistrer une série de changements invalidants et recalculer leurs effets en une seule fois. Cependant, si du code JavaScript lit un style qui a été modifié, alors le navigateur doit réaliser un reflow synchrone pour calculer le style calculé ("<em>computed style</em>") à retourner.</p>
 
-<p>Par exemple, le code suivant provoque un reflow immédiat et synchrone au moment de l'appel à window.getComputedStyle(thing).height :</p>
+<p>Par exemple, le code suivant provoque un reflow immédiat et synchrone au moment de l'appel à window.getComputedStyle(thing).height&nbsp;:</p>
 
 <pre class="brush: js notranslate"><code class="language-js"><span class="keyword token">var</span> thing <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById<span class="punctuation token">(</span></span><span class="string token">"the-thing"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 thing<span class="punctuation token">.</span>style<span class="punctuation token">.</span>display <span class="operator token">=</span> <span class="string token">"inline-block"</span><span class="punctuation token">;</span>
@@ -174,11 +174,11 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
 
 <h3 id="Avertissements_et_erreurs_de_sécurité">Avertissements et erreurs de sécurité</h3>
 
-<p>Les avertissements et les erreurs de sécurité ressemblent à ceci :</p>
+<p>Les avertissements et les erreurs de sécurité ressemblent à ceci&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/7107/sec-error-annotated.png" style="display: block; margin-left: auto; margin-right: auto;">Les messages de sécurité affichés dans la console web aident les développeurs à trouver les vulnérabilités de leur site qu’elles soient potentielles ou effectives. De plus, beaucoup de ces messages sont enrichissants pour les développeurs car ils finissent par un lien "En savoir plus" qui redirige sur une page contenant des informations et des conseils pour minimiser le problème.</p>
 
-<p>La liste complète des messages de sécurité est la suivante :</p>
+<p>La liste complète des messages de sécurité est la suivante&nbsp;:</p>
 
 <table class="standard-table" style="width: auto;">
  <tbody>
@@ -188,22 +188,22 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
   </tr>
   <tr>
    <td>Blocage du chargement du contenu mixte actif</td>
-   <td>La page contient du contenu mixte actif : ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu actif (des scripts par exemple) en HTTP. Le navigateur a bloqué ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
+   <td>La page contient du contenu mixte actif&nbsp;: ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu actif (des scripts par exemple) en HTTP. Le navigateur a bloqué ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
   </tr>
   <tr>
    <td>Blocage du chargement du contenu mixte non actif</td>
-   <td>La page contient du contenu mixte non actif : ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu non actif (des images par exemple) en HTTP. Le navigateur a bloqué ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
+   <td>La page contient du contenu mixte non actif&nbsp;: ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu non actif (des images par exemple) en HTTP. Le navigateur a bloqué ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
   </tr>
   <tr>
    <td>Chargement de contenu mixte actif (non sécurisé) sur une page sécurisée</td>
-   <td>La page contient du contenu mixte actif : ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu actif (des scripts par exemple) en HTTP. Le navigateur a chargé ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
+   <td>La page contient du contenu mixte actif&nbsp;: ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu actif (des scripts par exemple) en HTTP. Le navigateur a chargé ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
   </tr>
   <tr>
    <td>Chargement de contenu mixte non actif (non sécurisé) sur une page sécurisée</td>
-   <td>La page contient du contenu mixte non actif : ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu non actif (des images par exemple) en HTTP. Le navigateur a chargé ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
+   <td>La page contient du contenu mixte non actif&nbsp;: ce qui est le cas si la page est délivrée en HTTPS mais demande au navigateur de charger du contenu non actif (des images par exemple) en HTTP. Le navigateur a chargé ce contenu. Voir la page <a href="/fr/docs/Security/MixedContent">Contenu Mixte</a> pour plus d'informations.</td>
   </tr>
   <tr>
-   <td>Le site spécifie un en-tête   X-Content-Security-Policy/Report-Only et un en-tête Content-Security-Policy/Report-Only. L’en-tête X-Content-Security-Policy/Report-Only sera ignoré.</td>
+   <td>Le site spécifie un en-tête   X-Content-Security-Policy/Report-Only et un en-tête Content-Security-Policy/Report-Only. L’en-tête X-Content-Security-Policy/Report-Only sera ignoré.</td>
    <td>Voir <a href="/fr/docs/Security/CSP">Content Security Policy</a> pour plus de détails.</td>
   </tr>
   <tr>
@@ -267,14 +267,14 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
   <tr>
    <td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Console.error"><code>error()</code></a></td>
    <td>
-    <p>L'argument à  <code>error()</code>.</p>
+    <p>L'argument à  <code>error()</code>.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">error<span class="punctuation token">(</span></span><span class="string token">"an error"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7143/api-error.png" style="display: block; margin-left: auto; margin-right: auto;">
-    <p>A partir de Firefox 31, la console affiche la pile complète des erreurs :</p>
+    <p>A partir de Firefox 31, la console affiche la pile complète des erreurs&nbsp;:</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js"><span class="keyword token">function</span> <span class="function token">error<span class="punctuation token">(</span></span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
   console<span class="punctuation token">.</span><span class="function token">error<span class="punctuation token">(</span></span><span class="string token">"an error"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 <span class="punctuation token">}</span>
@@ -295,14 +295,14 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
   <tr>
    <td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Console.assert"><code>assert()</code></a></td>
    <td>
-    <p>Si l'insertion fonctionne, rien. Si l'insertion ne fonctionne pas l'argument :</p>
+    <p>Si l'insertion fonctionne, rien. Si l'insertion ne fonctionne pas l'argument&nbsp;:</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">assert<span class="punctuation token">(</span></span><span class="keyword token">false</span><span class="punctuation token">,</span> <span class="string token">"My assertion always fails"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7139/api-assert.png" style="display: block; margin-left: auto; margin-right: auto;">
-    <p>A partir de Firefox 31, la console affiche la pile complète des insertions :</p>
+    <p>A partir de Firefox 31, la console affiche la pile complète des insertions&nbsp;:</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js"><span class="keyword token">function</span> <span class="function token">assertion<span class="punctuation token">(</span></span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
   console<span class="punctuation token">.</span><span class="function token">assert<span class="punctuation token">(</span></span><span class="keyword token">false</span><span class="punctuation token">,</span> <span class="string token">"assertion failed"</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 <span class="punctuation token">}</span>
@@ -334,7 +334,7 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
    <td>
     <p>L'argument à <code>warn()</code>.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">warn<span class="punctuation token">(</span></span><span class="string token">"a warning"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7155/api-warn.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
@@ -356,7 +356,7 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
    <td>
     <p>L'argument à <code>info()</code>.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">info<span class="punctuation token">(</span></span><span class="string token">"some info"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7145/api-info.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
@@ -378,7 +378,7 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
    <td>
     <p>Le label fourni, si présent, et le nombre d'occurrences que <code>count()</code> a appelé avec le label donné.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">count<span class="punctuation token">(</span></span>user<span class="punctuation token">.</span>value<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
 
     <p><img alt="" src="https://mdn.mozillademos.org/files/7359/api-count.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
@@ -389,14 +389,14 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
    <td>
     <p><code>L'argument à log()</code>.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">log<span class="punctuation token">(</span></span><span class="string token">"logged"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7147/api-log.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
   <tr>
    <td><a href="https://developer.mozilla.org/en-US/docs/Web/API/Console.trace"><code>trace()</code></a></td>
    <td>Trace de la pile.
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">trace<span class="punctuation token">(</span></span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7159/api-trace.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
@@ -405,7 +405,7 @@ thing<span class="punctuation token">.</span>style<span class="punctuation token
    <td>
     <p>Liste les propriétés d'un objet.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js"><span class="keyword token">var</span> user <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById<span class="punctuation token">(</span></span><span class="string token">'user'</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
 console<span class="punctuation token">.</span><span class="function token">dir<span class="punctuation token">(</span></span>user<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7157/api-dir.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
@@ -415,7 +415,7 @@ console<span class="punctuation token">.</span><span class="function token">dir<
    <td>
     <p>Notifie que le timer a démarré.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">time<span class="punctuation token">(</span></span><span class="string token">"t"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7149/api-time.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
@@ -424,7 +424,7 @@ console<span class="punctuation token">.</span><span class="function token">dir<
    <td>
     <p>Durée du timer.</p>
 
-    <pre class="brush: js  language-js notranslate">
+    <pre class="brush: js language-js notranslate">
 <code class="language-js">console<span class="punctuation token">.</span><span class="function token">timeEnd<span class="punctuation token">(</span></span><span class="string token">"t"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
     <img alt="" src="https://mdn.mozillademos.org/files/7151/api-timeEnd.png" style="display: block; margin-left: auto; margin-right: auto;"></td>
   </tr>
@@ -447,21 +447,21 @@ console<span class="punctuation token">.</span><span class="function token">dir<
 
 <h4 id="Personnalisation_des_messages">Personnalisation des messages</h4>
 
-<p>Depuis Firefox 31, il est possible d'utiliser le spécificateur de format <code>"%c"</code> pour personnaliser les messages console :</p>
+<p>Depuis Firefox 31, il est possible d'utiliser le spécificateur de format <code>"%c"</code> pour personnaliser les messages console&nbsp;:</p>
 
-<pre class="brush: js  language-js notranslate"><code class="language-js">console<span class="punctuation token">.</span><span class="function token">log<span class="punctuation token">(</span></span><span class="string token">"%cMy stylish message"</span><span class="punctuation token">,</span> <span class="string token">"color: red; font-style: italic"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
+<pre class="brush: js language-js notranslate"><code class="language-js">console<span class="punctuation token">.</span><span class="function token">log<span class="punctuation token">(</span></span><span class="string token">"%cMy stylish message"</span><span class="punctuation token">,</span> <span class="string token">"color: red; font-style: italic"</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
 
 <div><img alt="" src="https://mdn.mozillademos.org/files/7739/console-style.png" style="display: block; height: 52px; margin-left: auto; margin-right: auto; width: 293px;"></div>
 
 <h3 id="Messages_dentréesortie">Messages d'entrée/sortie</h3>
 
-<p>Les commandes envoyées au navigateur en utilisant <a href="#command-line" title="#command-line">la ligne de commande de la Console Web</a>, et les réponses correspondantes, sont affichés de cette façon :</p>
+<p>Les commandes envoyées au navigateur en utilisant <a href="#command-line" title="#command-line">la ligne de commande de la Console Web</a>, et les réponses correspondantes, sont affichés de cette façon&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5587/web-console-message-input-output.png" style="display: block; height: 68px; margin-left: auto; margin-right: auto; width: 554px;">La barre gris foncé indique qu'il s'agit de messages d'entrée/sortie, tandis que la direction de la flèche indique si il s’agit d'une entrée ou d'une sortie.</p>
 
 <h3 id="Filtrer_et_rechercher"><a name="filtering-and-searching">Filtrer et rechercher</a></h3>
 
-<p>Vous pouvez utiliser la barre d'outils en haut pour filtrer l'affichage :</p>
+<p>Vous pouvez utiliser la barre d'outils en haut pour filtrer l'affichage&nbsp;:</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/5601/web-console-toolbar-highlighted.png" style="display: block; height: 401px; margin-left: auto; margin-right: auto; width: 924px;">To see only messages of particular types, click the button labeled with that type ("Net", "CSS", and so on). Clicking the main part of the button toggles that type on or off, while clicking the arrow on the right gives you more fine-grained filter options within that type (for example, whether to display errors and warnings).</p>
 
diff --git a/files/fr/tools/web_console/helpers/index.html b/files/fr/tools/web_console/helpers/index.html
index d505945d7c..3121acba55 100644
--- a/files/fr/tools/web_console/helpers/index.html
+++ b/files/fr/tools/web_console/helpers/index.html
@@ -75,7 +75,7 @@ original_slug: Outils/Console_Web/Fonctions_d_aide
 
 <h3 id="Exemple_Afficher_le_contenu_dun_nœud_DOM">Exemple : Afficher le contenu d'un nœud DOM</h3>
 
-<p>Imaginons que vous déboguez à distance pour un utilisateur, et que vous avez besoin du contenu du nœud. Vous pouvez demander à votre utilisateur d'ouvrir la Console Web et d'afficher le contenu du nœud dans la console, de copier le texte et de vous l'envoyer par e-mail, en utilisant la fonction  <code>pprint()</code> :</p>
+<p>Imaginons que vous déboguez à distance pour un utilisateur, et que vous avez besoin du contenu du nœud. Vous pouvez demander à votre utilisateur d'ouvrir la Console Web et d'afficher le contenu du nœud dans la console, de copier le texte et de vous l'envoyer par e-mail, en utilisant la fonction  <code>pprint()</code> :</p>
 
 <pre class="brush: js notranslate">pprint($("#content"))
 </pre>
diff --git a/files/fr/tools/web_console/index.html b/files/fr/tools/web_console/index.html
index 162fe4b482..c850045e21 100644
--- a/files/fr/tools/web_console/index.html
+++ b/files/fr/tools/web_console/index.html
@@ -14,10 +14,10 @@ original_slug: Outils/Console_Web
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p><strong>La Console Web :</strong></p>
+<p><strong>La Console Web&nbsp;:</strong></p>
 
 <ol>
- <li>Affiche les informations associées à la page web : les requêtes réseau, le JavaScript, le CSS, les erreurs et avertissements de sécurité, ainsi que les erreurs, les avertissements et les messages d'information explicitement affichés par le code JavaScript s’exécutant sur la page.</li>
+ <li>Affiche les informations associées à la page web&nbsp;: les requêtes réseau, le JavaScript, le CSS, les erreurs et avertissements de sécurité, ainsi que les erreurs, les avertissements et les messages d'information explicitement affichés par le code JavaScript s’exécutant sur la page.</li>
  <li>Permet d’interagir avec la page web en exécutant des expressions JavaScript dans le contexte de la page.</li>
 </ol>
 
diff --git a/files/fr/tools/web_console/the_command_line_interpreter/index.html b/files/fr/tools/web_console/the_command_line_interpreter/index.html
index d2bb4b7efc..9e8f7408c5 100644
--- a/files/fr/tools/web_console/the_command_line_interpreter/index.html
+++ b/files/fr/tools/web_console/the_command_line_interpreter/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Console_Web/The_command_line_interpreter
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p>Il est possible d'interpréter des expressions JavaScript en temps réel en utilisant l'interpréteur de ligne de commande fournie par la <a href="/fr/docs/Tools/Web_Console">Console Web</a>. La Console a deux modes de saisie : mode ligne unique et mode éditeur multiligne.</p>
+<p>Il est possible d'interpréter des expressions JavaScript en temps réel en utilisant l'interpréteur de ligne de commande fournie par la <a href="/fr/docs/Tools/Web_Console">Console Web</a>. La Console a deux modes de saisie : mode ligne unique et mode éditeur multiligne.</p>
 
 <h2 id="Le_mode_ligne_unique">Le mode ligne unique</h2>
 
@@ -22,28 +22,28 @@ original_slug: Outils/Console_Web/The_command_line_interpreter
 
 <p>Si votre expression n'a pas l'air d'être complète lorsque <kbd>Entrée</kbd> est pressée, alors la console considère qu'il s'agit en fait d'un <kbd>Maj</kbd>+<kbd>Entrée</kbd> , permettant ainsi de finir l'expression.</p>
 
-<p>Par exemple, si vous tapez :</p>
+<p>Par exemple, si vous tapez&nbsp;:</p>
 
-<pre class="brush: js line-numbers  language-js notranslate"><code class="language-js"><span class="keyword token">function</span> toto<span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span></code></pre>
+<pre class="brush: js line-numbers language-js notranslate"><code class="language-js"><span class="keyword token">function</span> toto<span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span></code></pre>
 
-<p>et que vous appuyiez sur <kbd>Entrée</kbd>, la Console ne validera PAS immédiatement votre saisie. Ceci permet d'éviter les erreurs d'inattention avec un code invalide ou pas prêt, vous épargnant par la même occasion une erreur frustrante. À la place, la Console fera comme si vous aviez utilisé <kbd>Maj</kbd>+<kbd>Entrée</kbd> , et il sera ainsi possible de finir tranquillement de rentrer la définition de la fonction.</p>
+<p>et que vous appuyiez sur <kbd>Entrée</kbd>, la Console ne validera PAS immédiatement votre saisie. Ceci permet d'éviter les erreurs d'inattention avec un code invalide ou pas prêt, vous épargnant par la même occasion une erreur frustrante. À la place, la Console fera comme si vous aviez utilisé <kbd>Maj</kbd>+<kbd>Entrée</kbd> , et il sera ainsi possible de finir tranquillement de rentrer la définition de la fonction.</p>
 
 <h2 id="Le_mode_éditeur_multiligne">Le mode éditeur multiligne</h2>
 
-<p>Pour le mode éditeur multiligne, cliquez sur "Passer en mode éditeur multiligne" <img alt="Icone passer en mode éditeur multiligne" src="https://media.prod.mdn.mozit.cloud/attachments/2020/04/14/17176/2ca78324ebc4b5c4666959a5ed606dfd/icone-multiligne.png"> à droite de la zone de saisie du mode ligne unique ou pressez <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) ou <kbd>Cmd</kbd>+<kbd>B</kbd> (macOS). L'éditeur multiligne s'ouvre à gauche de la <a href="/fr/docs/Tools/Web_Console">Console Web</a>. </p>
+<p>Pour le mode éditeur multiligne, cliquez sur "Passer en mode éditeur multiligne" <img alt="Icone passer en mode éditeur multiligne" src="https://media.prod.mdn.mozit.cloud/attachments/2020/04/14/17176/2ca78324ebc4b5c4666959a5ed606dfd/icone-multiligne.png"> à droite de la zone de saisie du mode ligne unique ou pressez <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) ou <kbd>Cmd</kbd>+<kbd>B</kbd> (macOS). L'éditeur multiligne s'ouvre à gauche de la <a href="/fr/docs/Tools/Web_Console">Console Web</a>. </p>
 
 <p><img alt="Editeur multiligne, avec deux colonnes, à gauche la zone de saisie et à droite la liste des message de la Console Web" src="https://mdn.mozillademos.org/files/16966/web_console_multi.png"></p>
 
-<p>À l'inverse du mode ligne unique, vous pouvez saisir plusieurs lignes en pressant la touche <kbd>Entrée</kbd>. Pour exécuter le morceau de code que vous avez saisi, cliquez sur <img alt='le bouton "Exécuter"' src="https://media.prod.mdn.mozit.cloud/attachments/2020/04/14/17177/4778932832bd7aaae5ad75968643f4c7/executer.png"> au dessus de la zone d'édition ou appuyez sur <kbd>Ctrl</kbd>+<kbd>Entrée</kbd> (ou <kbd>Cmd</kbd>+<kbd>Return</kbd> sur MacOS).</p>
+<p>À l'inverse du mode ligne unique, vous pouvez saisir plusieurs lignes en pressant la touche <kbd>Entrée</kbd>. Pour exécuter le morceau de code que vous avez saisi, cliquez sur <img alt='le bouton "Exécuter"' src="https://media.prod.mdn.mozit.cloud/attachments/2020/04/14/17177/4778932832bd7aaae5ad75968643f4c7/executer.png"> au dessus de la zone d'édition ou appuyez sur <kbd>Ctrl</kbd>+<kbd>Entrée</kbd> (ou <kbd>Cmd</kbd>+<kbd>Return</kbd> sur MacOS).</p>
 
 <p>Vous pouvez ouvrir des fichiers avec le mode éditeur multiligne et sauvegarder dans un fichier le contenu présent dans la zone d'édition :</p>
 
 <ul>
- <li>Pour ouvrir un fichier, appuyez sur <kbd>Ctrl</kbd>+<kbd>O</kbd> (<kbd>Cmd</kbd>+<kbd>O</kbd> sur MacOS). Une boite de dialogue s'ouvrira vous demandant de sélectionner le fichier à ouvrir. </li>
- <li>Pour sauvegarder le contenu de la zone d'édition, appuyez sur <kbd>Ctrl</kbd>+<kbd>S</kbd> (<kbd>Cmd</kbd>+<kbd>S</kbd> sur MacOS). Une boite de dialogue s'ouvrira vous demandant de sélectionner l'emplacement de sauvegarde.</li>
+ <li>Pour ouvrir un fichier, appuyez sur <kbd>Ctrl</kbd>+<kbd>O</kbd> (<kbd>Cmd</kbd>+<kbd>O</kbd> sur MacOS). Une boite de dialogue s'ouvrira vous demandant de sélectionner le fichier à ouvrir. </li>
+ <li>Pour sauvegarder le contenu de la zone d'édition, appuyez sur <kbd>Ctrl</kbd>+<kbd>S</kbd> (<kbd>Cmd</kbd>+<kbd>S</kbd> sur MacOS). Une boite de dialogue s'ouvrira vous demandant de sélectionner l'emplacement de sauvegarde.</li>
 </ul>
 
-<p>Pour revenir au mode ligne unique, cliquez sur l'icône <strong>X </strong>au-dessus de la zone d'édition ou appuyez sur <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) ou <kbd>Cmd</kbd>+<kbd>B</kbd> (MacOS).</p>
+<p>Pour revenir au mode ligne unique, cliquez sur l'icône <strong>X </strong>au-dessus de la zone d'édition ou appuyez sur <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) ou <kbd>Cmd</kbd>+<kbd>B</kbd> (MacOS).</p>
 
 <h2 id="Accéder_à_des_variables">Accéder à des variables</h2>
 
diff --git a/files/fr/tools/working_with_iframes/index.html b/files/fr/tools/working_with_iframes/index.html
index 04ca85708a..1364ea6693 100644
--- a/files/fr/tools/working_with_iframes/index.html
+++ b/files/fr/tools/working_with_iframes/index.html
@@ -23,4 +23,4 @@ original_slug: Outils/Travailler_avec_les_iframes
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/8549/frame-selection-popup.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
 
-<p>Sélectionner une entrée de la liste fera que tous les outils de développement - l'Inspecteur, la console, le Débogueur etc. -  seront assignés uniquement à cet iframe qui se comportera comme si le reste de la page n'existait pas.</p>
+<p>Sélectionner une entrée de la liste fera que tous les outils de développement - l'Inspecteur, la console, le Débogueur etc. -  seront assignés uniquement à cet iframe qui se comportera comme si le reste de la page n'existait pas.</p>
author	SphinxKnight <SphinxKnight@users.noreply.github.com>	2022-03-16 17:52:18 +0100
committer	GitHub <noreply@github.com>	2022-03-16 17:52:18 +0100
commit	500f444d23a7a758da229ebe6b9691cc5d4fe731 (patch)
tree	ca277561f7f3c5f2c9c3e80a895ac32f30852238 /files/fr/tools
parent	de831e4687986c3a60b9ced69ce9faefda8df4b9 (diff)
download	translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.tar.gz translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.tar.bz2 translated-content-500f444d23a7a758da229ebe6b9691cc5d4fe731.zip