files/fr/tools/web_console/ui_tour/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

---
title: Ouvrir la Console web
slug: Tools/Web_Console/UI_Tour
translation_of: Tools/Web_Console/UI_Tour
original_slug: Outils/Console_Web/Opening_the_Web_Console
---
<div>{{ToolsSidebar}}</div>

<p>Pour ouvrir la Console web, il faut :</p>

<ul>
 <li>Soit sélectionner "Console Web" dans le sous-menu "Développement" du menu de Firefox ( sous Mac OS X, il s'agit du menu "Outils")</li>
 <li>Soit utiliser le raccourci clavier <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>K</kbd> (<kbd>Cmd</kbd>+<kbd>Option</kbd>+<kbd>K</kbd> sous OS X).</li>
</ul>

<p>La <a href="/fr/docs/Tools/DevTools_Window" title="/fr/docs/Tools/DevTools_Window">Boite à outils</a> apparaitra en bas de la fenêtre du navigateur, avec la Console Web activée (elle s'appelle simplement "Console" dans la barre d'outils des outils de développement) :</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16191/console_63.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 845px;"></p>

<p>L'interface de la Console web est séparée en trois sections horizontales :</p>

<ul>
 <li><a href="/fr/docs/Tools/Web_Console/Console_messages#Filtering_by_category" title="#filtering-and-searching">La Barre d'outils </a>se trouve en haut et contient trois boutons. Cliquer sur la corbeille efface le contenu de la Console. Cliquer sur l'entonnoir filtre les messages affichés dans la Console. La case à cocher à droite active les journaux persistant (pas d'effaçage au rechargement ou changement de page)</li>
 <li><a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter" title="#command-line">La Ligne de commande</a> se trouve tout en bas, commence par "&gt;&gt;", et permet d'entrer des expressions JavaScript.</li>
 <li><a href="/fr/docs/Tools/Web_Console/Console_messages" title="#message-display-pane">Le panneau d'affichage des messages</a> se trouve entre la barre d'outils et la ligne de commande et occupe la plupart de la fenêtre. Il affiche les divers messages de la console.</li>
</ul>

<div class="blockIndicator note">
<p><strong>Note:</strong> Il est possible de vider le contenu de la console avec le raccourci clavier <kbd>Ctrl</kbd> + <kbd>L</kbd> (Windows, Linux) ou <kbd>Cmd</kbd> + <kbd>K</kbd> sous macOS.</p>
</div>