---
title: Console Web
slug: Outils/Console_Web
tags:
  - Debugging
  - Guide
  - Security
  - Tools
  - Web Development
  - 'Web Development:Tools'
  - web console
translation_of: Tools/Web_Console
---
<div>{{ToolsSidebar}}</div>

<p><strong>La Console Web :</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>Permet d’interagir avec la page web en exécutant des expressions JavaScript dans le contexte de la page.</li>
</ol>

<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/fr/docs/Tools/Web_Console/Opening_the_Web_Console">Ouvrir la Console Web</a></dt>
 <dd>Commencer à utiliser la Console Web.</dd>
 <dt><a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter">L'interpréteur de ligne de commande</a></dt>
 <dd>Interagir avec un document en utilisant la Console.</dd>
 <dt><a href="/fr/docs/Tools/Web_Console/Split_console">Console scindée</a></dt>
 <dd>Utiliser la Console à côté d'autres outils.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/fr/docs/Tools/Web_Console/Console_messages">Les messages de la console</a></dt>
 <dd>Les détails des messages que la Console enregistre.</dd>
 <dt><a href="/fr/docs/Tools/Web_Console/Rich_output">Informations détaillées</a></dt>
 <dd>Voir et interagir avec les objets affichés par la Console.</dd>
 <dt><a href="/fr/docs/Tools/Web_Console/Keyboard_shortcuts">Raccourcis clavier</a></dt>
 <dd>Référence des raccourcis.</dd>
</dl>
</div>
</div>