diff options
Diffstat (limited to 'files/fr/web/api/console')
23 files changed, 747 insertions, 1094 deletions
diff --git a/files/fr/web/api/console/assert/index.md b/files/fr/web/api/console/assert/index.md index db81d236b2..0b3aaddfaf 100644 --- a/files/fr/web/api/console/assert/index.md +++ b/files/fr/web/api/console/assert/index.md @@ -8,69 +8,49 @@ tags: - débogage translation_of: Web/API/console/assert --- -<p>{{APIRef("Console API")}}</p> +{{APIRef("Console API")}} -<p>Affiche un message d'erreur dans la console si l'assertion est fausse. Si l'assertion est vraie, rien ne se produit.</p> +Affiche un message d'erreur dans la console si l'assertion est fausse. Si l'assertion est vraie, rien ne se produit. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<div class="note"> -<p><strong>Note:</strong> <em>La méthode <code>console.assert()</code> est implémentée différement dans les vieilles version de Node.js que dans celle disponible dans les navigateurs.</em></p> +> **Note :** _La méthode `console.assert()` est implémentée différement dans les vieilles version de Node.js que dans celle disponible dans les navigateurs._ +> +> Plus précisément, dans les navigateurs, appeler `console.assert()` avec une condition fausse affichera le `message` dans la console sans interrompre l'éxecution du code suivant. Dans les versions inférieure à la v10 de Node.js, cependant, une assertion fausse lèvera une exception `AssertionError`. Cette différence de comportement a été corrigée par la v10 de Node et `console.assert()` se comporte maintenant de la même façon dans Node et dans les navigateurs. -<p>Plus précisément, dans les navigateurs, appeler <code>console.assert()</code> avec une condition fausse affichera le <code>message</code> dans la console sans interrompre l'éxecution du code suivant. Dans les versions inférieure à la v10 de Node.js, cependant, une assertion fausse lèvera une exception <code>AssertionError</code>. Cette différence de comportement a été corrigée par la v10 de Node et <code>console.assert()</code> se comporte maintenant de la même façon dans Node et dans les navigateurs.</p> -</div> +## Syntaxe -<h2 id="Syntax">Syntaxe</h2> + console.assert(assertion, obj1 [, obj2, ..., objN]); + console.assert(assertion, msg [, subst1, ..., substN]); -<pre class="syntaxbox">console.assert(<em>assertion</em>, <em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.assert(<em>assertion</em>, <em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -</pre> +### Paramètres -<h3 id="Parameters">Paramètres</h3> +- `assertion` + - : N'importe quelle expression booléenne. Si l'assertion est fausse, le message s'affichera dans la console. +- `obj1` ... `objN` + - : Une liste d'objets javascript à afficher. La représentation textuelle de chacun de ces objets est ajoutée à la suite de la précédente dans l'ordre donné et est ensuite affichée. +- `msg` + - : Une chaîne de caractères javascript contenant zéro ou plus chaîne(s) de caractères de substitution. +- `subst1` ... `substN` + - : L'objet javascript avec lequel remplacer les chaînes de substitution dans `msg`. Ceci vous offre plus de contrôle sur ce qui est affiché. -<dl> - <dt><code>assertion</code></dt> - <dd>N'importe quelle expression booléenne. Si l'assertion est fausse, le message s'affichera dans la console.</dd> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets javascript à afficher. La représentation textuelle de chacun de ces objets est ajoutée à la suite de la précédente dans l'ordre donné et est ensuite affichée.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères javascript contenant zéro ou plus chaîne(s) de caractères de substitution.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>L'objet javascript avec lequel remplacer les chaînes de substitution dans <code>msg</code>. Ceci vous offre plus de contrôle sur ce qui est affiché.</dd> -</dl> +Allez voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails. -<p>Allez voir <a href="/fr/docs/Web/API/console#Outputting_text_to_the_console">Afficher du texte dans la console</a> dans la documentation de {{domxref("console")}} pour plus de détails.</p> +## Spécification -<h2 id="Specification">Spécification</h2> +| Specification | Status | Comment | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#assert", "console.assert()")}} | {{Spec2("Console API")}} | Définition initiale | -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#assert", "console.assert()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> -<p> </p> -<h2 id="Browser_compatibility">Compatibilité entre les navigateurs</h2> +## Compatibilité entre les navigateurs -<p>{{Compat("api.Console.assert")}}</p> +{{Compat("api.Console.assert")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="https://console.spec.whatwg.org/#assert-condition-data">WHATWG Console Standard: console.assert</a></li> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> - <li><a href="https://developer.chrome.com/devtools/docs/console#assertions">Chrome Developer Tools: Using the Console</a></li> -</ul> +- [WHATWG Console Standard: console.assert](https://console.spec.whatwg.org/#assert-condition-data) +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) +- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions) diff --git a/files/fr/web/api/console/clear/index.md b/files/fr/web/api/console/clear/index.md index 0df1cf3edf..e0914af264 100644 --- a/files/fr/web/api/console/clear/index.md +++ b/files/fr/web/api/console/clear/index.md @@ -3,46 +3,30 @@ title: clear() slug: Web/API/Console/clear translation_of: Web/API/Console/clear --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Vide la console.</p> +Vide la console. -<p>Tous les messages de la console seront supprimés et remplacés par un message de confirmation ("Console was cleared").</p> +Tous les messages de la console seront supprimés et remplacés par un message de confirmation ("Console was cleared"). -<p>À noter: sur Google Chrome, <code>console.clear()</code> n'a aucun effet si l'utilisateur a coché "Preserve log upon navigation" dans les <a href="https://developer.chrome.com/devtools/docs/settings#preserve-log%20upon%20navigation">paramètres de l'inspecteur</a>.</p> +À noter: sur Google Chrome, `console.clear()` n'a aucun effet si l'utilisateur a coché "Preserve log upon navigation" dans les [paramètres de l'inspecteur](https://developer.chrome.com/devtools/docs/settings#preserve-log%20upon%20navigation). -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.clear(); -</pre> + console.clear(); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Paramètres</th> - <th scope="col">Status</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#clear", "console.clear()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition Initial</td> - </tr> - </tbody> -</table> +| Paramètres | Status | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------ | +| {{SpecName("Console API", "#clear", "console.clear()")}} | {{Spec2("Console API")}} | Définition Initial | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.clear")}}</p> +{{Compat("api.Console.clear")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> - <li><a href="https://developer.chrome.com/devtools/docs/console#assertions">Chrome Developer Tools: Using the Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) +- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions) diff --git a/files/fr/web/api/console/count/index.md b/files/fr/web/api/console/count/index.md index 6c10e8458f..7cb5fa0d25 100644 --- a/files/fr/web/api/console/count/index.md +++ b/files/fr/web/api/console/count/index.md @@ -11,19 +11,20 @@ tags: - débogage translation_of: Web/API/Console/count --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche dans la console le nombre de fois où la fonction <code>count()</code> a été appelée. Cette fonction accepte l'argument optionnel <code>label</code>.</p> +Affiche dans la console le nombre de fois où la fonction `count()` a été appelée. Cette fonction accepte l'argument optionnel `label`. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p>Si un <code>label</code> est passé en paramètre, la fonction affiche le nombre de fois où la fonction <code>count()</code> a été appelée pour ce <code>label</code> spécifiquempent.</p> +Si un `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée pour ce `label` spécifiquempent. -<p>Si aucun <code>label</code> est passé en paramètre, la fonction affiche le nombre de fois où la fonction <code>count()</code> a été appelée jusqu'à présent.</p> +Si aucun `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée jusqu'à présent. -<p>Ci-dessous, un exemple d'utilisation :</p> +Ci-dessous, un exemple d'utilisation : -<pre class="brush: js">function greet() { +```js +function greet() { console.count(); return "hi " + user; } @@ -33,21 +34,22 @@ greet(); user = "alice"; greet(); greet(); -console.count();</pre> +console.count(); +``` -<p>La console affichera les lignes suivantes :</p> +La console affichera les lignes suivantes : -<pre class="eval">"<no label>: 1" -"<no label>: 2" -"<no label>: 3" -"<no label>: 1" -</pre> + "<no label>: 1" + "<no label>: 2" + "<no label>: 3" + "<no label>: 1" -<p>A noter, la dernière ligne inscrite dans la console fait référence à l'appel de la fonction <code>count()</code> de la ligne 11 qui est traité comme un événement indépendant.</p> +A noter, la dernière ligne inscrite dans la console fait référence à l'appel de la fonction `count()` de la ligne 11 qui est traité comme un événement indépendant. -<p>Si la variable <code>user</code> est passée à la fonction comme paramètre <code>label</code>, le code ci-dessous génèrera un nouveau compteur lorsque la variable <code>user</code> sera modifiée :</p> +Si la variable `user` est passée à la fonction comme paramètre `label`, le code ci-dessous génèrera un nouveau compteur lorsque la variable `user` sera modifiée : -<pre class="brush: js">function greet() { +```js +function greet() { console.count(user); return "hi " + user; } @@ -57,48 +59,33 @@ greet(); user = "alice"; greet(); greet(); -console.count("alice");</pre> +console.count("alice"); +``` -<p>La console affichera les lignes suivantes :</p> +La console affichera les lignes suivantes : -<pre class="eval">"bob: 1" -"alice: 1" -"alice: 2" -"alice: 3"</pre> + "bob: 1" + "alice: 1" + "alice: 2" + "alice: 3" -<p>Nous obtenons maintenant deux compteurs distinct basés sur un libellé différent. L'appel de la fonction <code>count()</code> avec "alice" à la ligne 11 n'est pas considéré comme un événement indépendant car le compteur existe déjà.</p> +Nous obtenons maintenant deux compteurs distinct basés sur un libellé différent. L'appel de la fonction `count()` avec "alice" à la ligne 11 n'est pas considéré comme un événement indépendant car le compteur existe déjà. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.count([label]); -</pre> + console.count([label]); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>label</code></dt> - <dd><p>Une chaîne de caractères. Si ce paramètre est renseigné, <code>count()</code> affiche le nombre de fois que la fonction a été appelée jusqu'à présent avec ce libellé. S'il est omis, <code>count()</code> affiche le nombre de fois que la fonction a été appelée sur cette ligne.</p></dd> -</dl> +- `label` + - : Une chaîne de caractères. Si ce paramètre est renseigné, `count()` affiche le nombre de fois que la fonction a été appelée jusqu'à présent avec ce libellé. S'il est omis, `count()` affiche le nombre de fois que la fonction a été appelée sur cette ligne. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Status</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#count", "console.count()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Status | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#count", "console.count()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.count")}}</p>
\ No newline at end of file +{{Compat("api.Console.count")}} diff --git a/files/fr/web/api/console/countreset/index.md b/files/fr/web/api/console/countreset/index.md index 7cf74195e7..3fb703d448 100644 --- a/files/fr/web/api/console/countreset/index.md +++ b/files/fr/web/api/console/countreset/index.md @@ -3,49 +3,47 @@ title: Console.countReset() slug: Web/API/Console/countReset translation_of: Web/API/Console/countReset --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Remet le compteur à zero. Cette fonction prend un argument optionnel <code>label</code></p> +Remet le compteur à zero. Cette fonction prend un argument optionnel `label` -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntax">Syntax</h2> +## Syntax -<pre class="syntaxbox">console.countReset(<var>[label]</var>); -</pre> + console.countReset([label]); -<h3 id="Parameters">Parameters</h3> +### Parameters -<dl> - <dt><code>label</code></dt> - <dd>Si specifié, <code>countReset()</code> remet à zero le compteur associé à ce label. S'il n'est pas specifié, <code>countReset()</code> remet à zéro le compteur par defaut.</dd> -</dl> +- `label` + - : Si specifié, `countReset()` remet à zero le compteur associé à ce label. S'il n'est pas specifié, `countReset()` remet à zéro le compteur par defaut. -<h3 id="Return_value">Return value</h3> +### Return value -<p>Si le paramètre label à été spécifié :</p> +Si le paramètre label à été spécifié : -<pre> counter-name: 0</pre> + counter-name: 0 -<p>Si aucun label n'as été specifié</p> +Si aucun label n'as été specifié -<pre>default: 0</pre> + default: 0 -<h3 id="Warnings">Warnings</h3> +### Warnings -<p>Si <code>label</code> est specifié mais n'existe pas <code>countReset()</code> renvoie cet avertissement :</p> +Si `label` est specifié mais n'existe pas `countReset()` renvoie cet avertissement : -<pre><code>Counter "counter-name" doesn’t exist.</code></pre> + Counter "counter-name" doesn’t exist. -<p>Si <code>label</code> n'est pas specifé et que <code>count()</code> n'as pas encore été appellé <code>countReset()</code> renvoie cette avertissement :</p> +Si `label` n'est pas specifé et que `count()` n'as pas encore été appellé `countReset()` renvoie cette avertissement : -<pre><code>Counter "default" doesn’t exist.</code></pre> + Counter "default" doesn’t exist. -<h2 id="Examples">Examples</h2> +## Examples -<p>Par exemple avec un code comme celui ci :</p> +Par exemple avec un code comme celui ci : -<pre class="brush: js">var user = ""; +```js +var user = ""; function greet() { console.count(); @@ -58,22 +56,23 @@ user = "alice"; greet(); greet(); console.count(); -console.countReset();</pre> +console.countReset(); +``` -<p>Le retour de la console ressemblera à ceci :</p> +Le retour de la console ressemblera à ceci : -<pre class="eval">"default: 1" -"default: 2" -"default: 3" -"default: 1" -"default: 0" -</pre> + "default: 1" + "default: 2" + "default: 3" + "default: 1" + "default: 0" -<p>Pour information l'appel à <code>console.counterReset()</code> remet à zero la valeur du compteur par défaut.</p> +Pour information l'appel à `console.counterReset()` remet à zero la valeur du compteur par défaut. -<p>S'il on passe la variable <code>user</code> comme argument pour <code>label</code> et que l'on effectue un premier appel de la fonction <code>count()</code>, avec la chaine "bob" puis un second appel avec la chaine "alice" :</p> +S'il on passe la variable `user` comme argument pour `label` et que l'on effectue un premier appel de la fonction `count()`, avec la chaine "bob" puis un second appel avec la chaine "alice" : -<pre class="brush: js">var user = ""; +```js +var user = ""; function greet() { console.count(user); @@ -86,39 +85,25 @@ user = "alice"; greet(); greet(); console.countReset("bob"); -console.count("alice");</pre> +console.count("alice"); +``` -<p>On obtiendra ce retour dans la console</p> +On obtiendra ce retour dans la console -<pre class="eval">"bob: 1" -"alice: 1" -"alice: 2" -"bob: 0" -"alice: 3"</pre> + "bob: 1" + "alice: 1" + "alice: 2" + "bob: 0" + "alice: 3" -<p>Remettre à zero le compteur "bob" change uniquement la valeur de celui-ci. La valeur du compteur "alice" reste inchangée.</p> +Remettre à zero le compteur "bob" change uniquement la valeur de celui-ci. La valeur du compteur "alice" reste inchangée. -<h2 id="Specifications">Specifications</h2> +## Specifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#count", "console.countReset()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| -------------------------------------------------------------------------------- | -------------------------------- | ------------------ | +| {{SpecName("Console API", "#count", "console.countReset()")}} | {{Spec2("Console API")}} | Initial definition | -<h2 id="Browser_compatibility">Browser compatibility</h2> +## Browser compatibility - - -<p>{{Compat("api.Console.countReset")}}</p> +{{Compat("api.Console.countReset")}} diff --git a/files/fr/web/api/console/debug/index.md b/files/fr/web/api/console/debug/index.md index 03082131d9..5a3471c1db 100644 --- a/files/fr/web/api/console/debug/index.md +++ b/files/fr/web/api/console/debug/index.md @@ -11,58 +11,40 @@ tags: - outils de développement translation_of: Web/API/Console/debug --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche un message dans la console web, avec le niveau de log "debug". Le message est affiché uniquement si la console est configurée pour afficher les messages de type debug.</p> +Affiche un message dans la console web, avec le niveau de log "debug". Le message est affiché uniquement si la console est configurée pour afficher les messages de type debug. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.debug(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.debug(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -</pre> + console.debug(obj1 [, obj2, ..., objN]); + console.debug(msg [, subst1, ..., substN]); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractères, de chacun de ces objets est affichée dans l'ordre de la liste.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>Une liste d'objets JavaScript qui remplace les chaînes de caractéres de <code>msg</code>. Cela vous donne plus de contrôle sur le format de sortie. Voir {{SectionOnPage("fr/docs/Web/API/Console", "Utiliser les caractères de substitution")}} pour une description du fonctionnement des substitutions.</dd> -</dl> +- `obj1` ... `objN` + - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractères, de chacun de ces objets est affichée dans l'ordre de la liste. +- `msg` + - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères. +- `subst1` ... `substN` + - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie. Voir {{SectionOnPage("fr/docs/Web/API/Console", "Utiliser les caractères de substitution")}} pour une description du fonctionnement des substitutions. -<p>Voir <a href="/fr/docs/Web/API/console#Outputting_text_to_the_console">Afficher du texte dans la console</a> dans la documentation de {{domxref("console")}} pour plus de détails.</p> +Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails. -<h2 id="Spécification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#debug", "console.debug()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#debug", "console.debug()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.debug")}}</p> +{{Compat("api.Console.debug")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> - <li><a href="https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings">Chrome Developer Tools: Using the Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) +- [Chrome Developer Tools: Using the Console](https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings) diff --git a/files/fr/web/api/console/dir/index.md b/files/fr/web/api/console/dir/index.md index 82b45f36cf..c63a997ea5 100644 --- a/files/fr/web/api/console/dir/index.md +++ b/files/fr/web/api/console/dir/index.md @@ -11,57 +11,37 @@ tags: - débogage translation_of: Web/API/Console/dir --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche une liste interactive des propriétés de l'objet Javascript spécifié. La sortie est présenté comme un listing hiérarchique avec des triangles qui permettent l'affichage du contenu des objets-enfants.</p> +Affiche une liste interactive des propriétés de l'objet Javascript spécifié. La sortie est présenté comme un listing hiérarchique avec des triangles qui permettent l'affichage du contenu des objets-enfants. -<p>En d'autres termes, console.dir est le moyen de voir toutes les propriétés de l'objet JavaScript spécifié dans la console, par lequel le développeur peut facilement obtenir les propriétés de l'objet.</p> +En d'autres termes, console.dir est le moyen de voir toutes les propriétés de l'objet JavaScript spécifié dans la console, par lequel le développeur peut facilement obtenir les propriétés de l'objet. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p><img src="console-dir.png"></p> + -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.dir(<em>object</em>); -</pre> + console.dir(object); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>object</code></dt> - <dd>Un objet Javascript qui contient les propriétés qui doivent être affichées.</dd> -</dl> +- `object` + - : Un objet Javascript qui contient les propriétés qui doivent être affichées. -<h2 id="Spécification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#dir", "console.dir()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------- | -------------------------------- | -------------------- | +| {{SpecName("Console API", "#dir", "console.dir()")}} | {{Spec2("Console API")}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs +{{Compat("api.Console.dir")}} +## Voir aussi -<p>{{Compat("api.Console.dir")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> - <li><a href="https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject">Chrome Console API reference</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) +- [Chrome Console API reference](https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject) diff --git a/files/fr/web/api/console/dirxml/index.md b/files/fr/web/api/console/dirxml/index.md index 8571cc33a4..5540aa7b7b 100644 --- a/files/fr/web/api/console/dirxml/index.md +++ b/files/fr/web/api/console/dirxml/index.md @@ -10,49 +10,27 @@ tags: - débogage translation_of: Web/API/Console/dirxml --- -<div>{{APIRef ("Console API")}}</div> +{{APIRef ("Console API")}}Affiche un arbre interactif des éléments descendants de l'élément XML / HTML spécifié. S'il n'est pas possible d'afficher en tant qu'élément, la vue Objet JavaScript est affichée à la place. La sortie est présentée sous la forme d'une liste hiérarchique des noeuds extensibles qui vous permettent de voir le contenu des nœuds enfants. -<div>Affiche un arbre interactif des éléments descendants de l'élément XML / HTML spécifié. S'il n'est pas possible d'afficher en tant qu'élément, la vue Objet JavaScript est affichée à la place. La sortie est présentée sous la forme d'une liste hiérarchique des noeuds extensibles qui vous permettent de voir le contenu des nœuds enfants.</div> +## Syntaxe -<h2 id="Syntaxe">Syntaxe</h2> + console.dirxml(object); -<pre class="syntaxbox">console.dirxml(<em>object</em>); -</pre> +## Paramètres -<h2 id="Paramètres">Paramètres</h2> +- `object` + - : Un objet JavaScript dont les propriétés doivent être sorties. -<dl> - <dt><code>object</code></dt> - <dd>Un objet JavaScript dont les propriétés doivent être sorties.</dd> -</dl> +## Spécification -<h2 id="Spécification">Spécification</h2> +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#dirxml", "console.dirxml()")}} | {{Spec2("Console API")}} | Définition initiale | -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#dirxml", "console.dirxml()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +## Compatibilité des navigateurs -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +{{Compat("api.Console.dirxml")}} +## Voir aussi - -<p>{{Compat("api.Console.dirxml")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/error/index.md b/files/fr/web/api/console/error/index.md index 21bfa8b40a..58ccae6929 100644 --- a/files/fr/web/api/console/error/index.md +++ b/files/fr/web/api/console/error/index.md @@ -11,64 +11,44 @@ tags: - débogage translation_of: Web/API/Console/error --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche un message d'erreur dans la console du navigateur.</p> +Affiche un message d'erreur dans la console du navigateur. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.error(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.error(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -console.exception(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.exception(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -</pre> + console.error(obj1 [, obj2, ..., objN]); + console.error(msg [, subst1, ..., substN]); + console.exception(obj1 [, obj2, ..., objN]); + console.exception(msg [, subst1, ..., substN]); -<div class="note"> -<p><strong>Note:</strong> <code>console.exception()</code> est un alias de <code>console.error()</code>; ils sont fonctionnellement identiques.</p> -</div> +> **Note :** `console.exception()` est un alias de `console.error()`; ils sont fonctionnellement identiques. -<h3 id="Parameters">Paramètres</h3> +### Paramètres -<dl> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>Une liste d'objets JavaScript qui remplace les chaînes de caractéres de <code>msg</code>. Cela vous donne plus de contrôle sur le format de sortie.</dd> -</dl> +- `obj1` ... `objN` + - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste. +- `msg` + - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères. +- `subst1` ... `substN` + - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie. -<p>Voir <a href="/fr/docs/Web/API/console#Outputting_text_to_the_console">Afficher du texte dans la console</a> dans la documentation de {{domxref("console")}} pour plus de détails.</p> +Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails. -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#error", "console.error()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#error", "console.error()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<div>{{Compat("api.Console.error")}}</div> +{{Compat("api.Console.error")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> - <li><a href="https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings">Chrome Developer Tools: Using the Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) +- [Chrome Developer Tools: Using the Console](https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings) diff --git a/files/fr/web/api/console/group/index.md b/files/fr/web/api/console/group/index.md index 0a3e6f8265..11edef282a 100644 --- a/files/fr/web/api/console/group/index.md +++ b/files/fr/web/api/console/group/index.md @@ -11,35 +11,31 @@ tags: - débogage translation_of: Web/API/Console/group --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Création d'un nouveau groupe en ligne dans la <a href="/en-US/docs/Tools/Web_Console">console Web</a>. Cela indente les messages de console suivants par un niveau supplémentaire, jusqu'à ce que {{domxref("console.groupEnd()")}} soit appelé.</p> +Création d'un nouveau groupe en ligne dans la [console Web](/en-US/docs/Tools/Web_Console). Cela indente les messages de console suivants par un niveau supplémentaire, jusqu'à ce que {{domxref("console.groupEnd()")}} soit appelé. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntax">Syntax</h2> +## Syntax -<pre class="syntaxbox">console.group(); -</pre> + console.group(); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>label</code></dt> - <dd>donne une étiquette au groupe. Facultatif. (Chrome 59 testé). Ne fonctionne pas avec<code> </code> <code>console.groupEnd()</code>.</dd> -</dl> +- `label` + - : donne une étiquette au groupe. Facultatif. (Chrome 59 testé). Ne fonctionne pas avec` ``console.groupEnd()`. -<p>{{h3_gecko_minversion("Using groups in the console", "9.0")}}</p> +{{h3_gecko_minversion("Using groups in the console", "9.0")}} -<p>Vous pouvez utiliser des groupes imbriqués pour organiser votre sortie en associant visuellement les messages correspondants. Pour créer un nouveau bloc imbriqué, appelez <code>console.group ()</code>. La méthode <code>console.groupCollapsed ()</code> est similaire, mais le nouveau bloc est réduit et nécessite de cliquer sur un bouton de divulgation pour le lire.</p> +Vous pouvez utiliser des groupes imbriqués pour organiser votre sortie en associant visuellement les messages correspondants. Pour créer un nouveau bloc imbriqué, appelez `console.group ()`. La méthode `console.groupCollapsed ()` est similaire, mais le nouveau bloc est réduit et nécessite de cliquer sur un bouton de divulgation pour le lire. -<div class="note"> -<p><strong>Note :</strong> De Gecko 9 jusqu'à Gecko 51, la méthode <code>groupCollapsed()</code> n'était pas identique à <code>group()</code>. Les groupes réduits sont entièrement pris en charge depuis Gecko 52. Voir {{bug("1088360")}}.</p> -</div> +> **Note :** De Gecko 9 jusqu'à Gecko 51, la méthode `groupCollapsed()` n'était pas identique à `group()`. Les groupes réduits sont entièrement pris en charge depuis Gecko 52. Voir {{bug("1088360")}}. -<p>Pour sortir du groupe courant, appeler <code>console.groupEnd()</code>. Par exemple, étant donné ce code :</p> +Pour sortir du groupe courant, appeler `console.groupEnd()`. Par exemple, étant donné ce code : -<pre class="brush: js">console.log("This is the outer level"); +```js +console.log("This is the outer level"); console.group(); console.log("Level 2"); console.group(); @@ -48,39 +44,25 @@ console.warn("More of level 3"); console.groupEnd(); console.log("Back to level 2"); console.groupEnd(); -console.log("Back to the outer level");</pre> +console.log("Back to the outer level"); +``` -<p>La sortie ressemble à ceci :</p> +La sortie ressemble à ceci : -<p><img alt="Une capture d'écran de messages imbriqués dans la sortie de la console." src="nesting.png"></p> + -<p>Pour plus de détail, se reporter à l'article <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">Using groups in the console</a> dans la documentation sur la {{domxref("console")}}.</p> +Pour plus de détail, se reporter à l'article [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation sur la {{domxref("console")}}. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#consolegroupobject-object-", "console.group()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------ | +| {{SpecName("Console API", "#consolegroupobject-object-", "console.group()")}} | {{Spec2("Console API")}} | Initial definition | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.group")}}</p> +{{Compat("api.Console.group")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/groupcollapsed/index.md b/files/fr/web/api/console/groupcollapsed/index.md index 5956aca479..aa84ded541 100644 --- a/files/fr/web/api/console/groupcollapsed/index.md +++ b/files/fr/web/api/console/groupcollapsed/index.md @@ -12,53 +12,35 @@ tags: - débogage translation_of: Web/API/Console/groupCollapsed --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Crée un nouveau groupe intégré dans la console Web. Contrairement à {{domxref ("console.group ()")}}, le nouveau groupe est créé réduit. L'utilisateur devra utiliser le bouton de divulgation à côté pour le développer, en révélant les entrées créées dans le groupe.</p> +Crée un nouveau groupe intégré dans la console Web. Contrairement à {{domxref ("console.group ()")}}, le nouveau groupe est créé réduit. L'utilisateur devra utiliser le bouton de divulgation à côté pour le développer, en révélant les entrées créées dans le groupe. -<p>Appellez {{domxref("console.groupEnd()")}} pour revenir au groupe parent.</p> +Appellez {{domxref("console.groupEnd()")}} pour revenir au groupe parent. -<p>Voir <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">Using groups in the console</a> dans la documentation de {{domxref("console")}} pour plus de détails et des exemples.</p> +Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation de {{domxref("console")}} pour plus de détails et des exemples. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.groupCollapsed([label]); -</pre> + console.groupCollapsed([label]); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>label</code></dt> - <dd>Étiquette pour le groupe. Facultatif.</dd> -</dl> +- `label` + - : Étiquette pour le groupe. Facultatif. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#groupcollapsed", "console.groupCollapsed()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#groupcollapsed", "console.groupCollapsed()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.groupCollapsed")}}</p> +{{Compat("api.Console.groupCollapsed")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/groupend/index.md b/files/fr/web/api/console/groupend/index.md index bb64ea32cb..8729a7f1cb 100644 --- a/files/fr/web/api/console/groupend/index.md +++ b/files/fr/web/api/console/groupend/index.md @@ -10,46 +10,30 @@ tags: - débogage translation_of: Web/API/Console/groupEnd --- -<p>{{APIRef("Console API")}}</p> +{{APIRef("Console API")}} -<p>Quitte le groupe en ligne actuel dans la <a href="/fr/docs/Outils/Console_Web">console Web</a>. Voir <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">Using groups in the console</a> dans la documentation {{domxref("console.group()")}} pour plus de détails et des exemples.</p> +Quitte le groupe en ligne actuel dans la [console Web](/fr/docs/Outils/Console_Web). Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation {{domxref("console.group()")}} pour plus de détails et des exemples. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.groupEnd(); -</pre> + console.groupEnd(); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<p>Aucun.</p> +Aucun. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#groupend", "console.groupEnd()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------ | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#groupend", "console.groupEnd()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.groupEnd")}}</p> +{{Compat("api.Console.groupEnd")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md index 3fea02614b..c761ed3f78 100644 --- a/files/fr/web/api/console/index.md +++ b/files/fr/web/api/console/index.md @@ -9,176 +9,179 @@ tags: - débogage translation_of: Web/API/Console --- -<div>{{APIRef("Console API")}}</div> - -<p>L'objet <strong><code>console</code></strong> donne accès à la console de débogage du navigateur (par exemple., la<a href="/fr/docs/Outils/Console_Web"> Console Web</a> dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base.</p> - -<p>La <code>console</code> est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple :</p> - -<pre class="brush: js">console.log("Failed to open the specified link")</pre> - -<p>Cette page documente les {{anch("Methods", "méthodes")}} disponibles pour l'objet <code>console</code> et donne quelques {{anch("Usage", "exemples d'utilisation")}}.</p> - -<p>{{AvailableInWorkers}}</p> - -<h2 id="Méthodes">Méthodes</h2> - -<dl> - <dt>{{domxref("Console.assert()")}}</dt> - <dd>Affiche un message et une trace d'appels dans la console si l'assertion en argument est à <code>false</code>.</dd> - <dt>{{domxref("Console.clear()")}}</dt> - <dd>Vide la console.</dd> - <dt>{{domxref("Console.count()")}}</dt> - <dd>Affiche le nombre de fois que la ligne a été appelée avec un label donné.</dd> - <dt>{{domxref("Console.debug()")}}</dt> - <dd>Un alias de <code>log().</code></dd> -</dl> - -<div class="note"> -<p><strong>Note :</strong> À partir de Chromium 58, cette méthode n'apparaît que dans les consoles de navigateur Chromium lorsque le niveau "Verbose" est sélectionné.</p> -</div> - -<dl> - <dt>{{domxref("Console.dir()")}} {{Non-standard_inline}}</dt> - <dd>Affiche une liste interactive des propriétés d'un objet JavaScript donné. Cette liste vous permet d'examiner le contenu des enfants de l'objet en ouvrant les détails (petits triangles).</dd> - <dt>{{domxref("Console.dirxml()")}} {{Non-standard_inline}}</dt> - <dd> - <p>Affiche si possible une représentation d'éléments XML/HTML d'un objet spécifié. Sinon, c'est une vue de l'objet JavaScript.</p> - </dd> - <dt>{{domxref("Console.error()")}}</dt> - <dd>Affiche un message d'erreur. Vous pouvez utiliser les <a href="/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution">caractères de substitution</a> et des arguments supplémentaires avec cette méthode.</dd> - <dt>{{domxref("Console._exception()")}} {{Non-standard_inline}} {{deprecated_inline}}</dt> - <dd>Un alias d'<code>error();</code></dd> - <dt>{{domxref("Console.group()")}}</dt> - <dd>Crée un nouveau <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">groupe</a> en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à <code>group()</code>. Pour revenir au niveau précédent, appeler <code>groupEnd()</code>.</dd> - <dt>{{domxref("Console.groupCollapsed()")}}</dt> - <dd>Crée un nouveau <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">groupe</a> en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à <code>group()</code> , cela commence avec le groupe en ligne effondré, nécessitant l'utilisation d'un bouton de divulgation pour l'agrandir. Pour revenir au niveau précédent, appeler <code>groupEnd()</code>.</dd> - <dt>{{domxref("Console.groupEnd()")}}</dt> - <dd>Quitte le <a href="/fr/docs/Web/API/console#Using_groups_in_the_console">groupe</a> d'indentation courant.</dd> - <dt>{{domxref("Console.info()")}}</dt> - <dd>Affiche un message d'information. Vous pouvez utiliser les <a href="/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution">caractères de substitution</a> et des arguments supplémentaires avec cette méthode.</dd> - <dt>{{domxref("Console.log()")}}</dt> - <dd>Permet d'afficher des messages dans la console. Vous pouvez utiliser les <a href="/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution">caractères de substitution</a> et des arguments supplémentaires avec cette méthode.</dd> - <dt>{{domxref("Console.profile()")}} {{Non-standard_inline}}</dt> - <dd>démarre le profilage du navigateur (par exemple, l'<a href="/fr/docs/Outils/Performance">outil performances de Firefox</a>). Vous pouvez spécifier un nom en option pour ce profil.</dd> - <dt>{{domxref("Console.profileEnd()")}} {{Non-standard_inline}}</dt> - <dd>Arrête le profilage. Vous pouvez voir le résultat de ce dernier dans l'outil « performance » du navigateur (par exemple, l'<a href="/fr/docs/Outils/Performance">outil performance Firefox</a>).</dd> - <dt>{{domxref("Console.table()")}}</dt> - <dd>Affiche des données tabulaires comme un tableau.</dd> - <dt>{{domxref("Console.time()")}}</dt> - <dd>Démarre un <a href="/fr/docs/Web/API/console#Timers">chronomètre</a> que l'on peut nommer en le spécifiant en tant que paramètre. Jusqu'à 10 000 chronomètres simultanés peuvent tourner sur une page.</dd> - <dt>{{domxref("Console.timeEnd()")}}</dt> - <dd>Arrête le <a href="/fr/docs/Web/API/console#Timers">chronomètre</a> spécifié et affiche le temps écoulé en millisecondes depuis son démarrage.</dd> - <dt>{{domxref("Console.timeStamp()")}} {{Non-standard_inline}}</dt> - <dd>Ajoute un marqueur dans la <a href="https://developer.chrome.com/devtools/docs/timeline">Timeline</a> du navigateur ou l'outil <a href="/fr/docs/Outils/Performance/Waterfall">Waterfall</a>.</dd> - <dt>{{domxref("Console.trace()")}}</dt> - <dd>Affiche une <a href="/fr/docs/Web/API/console#Traces_d%27appel">trace d'appels</a>.</dd> - <dt>{{domxref("Console.warn()")}}</dt> - <dd>Affiche un message d'avertissement. Vous pouvez utiliser les <a href="/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution">caractères de substitution</a> et des arguments supplémentaires avec cette méthode.</dd> -</dl> - - -<h2 id="Usage">Exemples d'utilisation</h2> - -<h3 id="Outputting_text_to_the_console">Afficher du texte dans la console</h3> - -<p>La fonction la plus utilisée de la console est d'afficher du texte ou autres données. Il y a quatre sortes d'affichages que vous pouvez générer, en utilisant les méthodes {{domxref("console.log()")}}, {{domxref("console.info()")}}, {{domxref("console.warn()")}}, et {{domxref("console.error()")}}. Chacune de ces méthodes génére un affichage différent dans la console, et vous pouvez utiliser les fonctions de filtrage du navigateur pour voir uniquement les types de sortie qui vous intéressent.</p> - -<p>Il y a deux manières d'utiliser chacune de ces méthodes de sortie ; Vous pouvez passer une liste d'objets dont leur représentation sera concaténée dans une seule chaine et s'affichera dans la console, ou vous pouvez passer une chaîne de caractères contenant zéro et plus de caractères de substitution suivis d'une liste d'objets avec lesquels les remplacer.</p> - -<h4 id="Afficher_un_seul_objet">Afficher un seul objet</h4> - -<p>La manière la plus simple d'utiliser les méthodes de « log » est d'afficher un seul objet :</p> - -<pre class="brush: js">var someObject = { str: "Some text", id: 5 }; +{{APIRef("Console API")}} + +L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple., la[ Console Web](/fr/docs/Outils/Console_Web) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base. + +La `console` est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple : + +```js +console.log("Failed to open the specified link") +``` + +Cette page documente les {{anch("Methods", "méthodes")}} disponibles pour l'objet `console` et donne quelques {{anch("Usage", "exemples d'utilisation")}}. + +{{AvailableInWorkers}} + +## Méthodes + +- {{domxref("Console.assert()")}} + - : Affiche un message et une trace d'appels dans la console si l'assertion en argument est à `false`. +- {{domxref("Console.clear()")}} + - : Vide la console. +- {{domxref("Console.count()")}} + - : Affiche le nombre de fois que la ligne a été appelée avec un label donné. +- {{domxref("Console.debug()")}} + - : Un alias de `log().` + +> **Note :** À partir de Chromium 58, cette méthode n'apparaît que dans les consoles de navigateur Chromium lorsque le niveau "Verbose" est sélectionné. + +- {{domxref("Console.dir()")}} {{Non-standard_inline}} + - : Affiche une liste interactive des propriétés d'un objet JavaScript donné. Cette liste vous permet d'examiner le contenu des enfants de l'objet en ouvrant les détails (petits triangles). +- {{domxref("Console.dirxml()")}} {{Non-standard_inline}} + - : Affiche si possible une représentation d'éléments XML/HTML d'un objet spécifié. Sinon, c'est une vue de l'objet JavaScript. +- {{domxref("Console.error()")}} + - : Affiche un message d'erreur. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode. +- {{domxref("Console._exception()")}} {{Non-standard_inline}} {{deprecated_inline}} + - : Un alias d'`error();` +- {{domxref("Console.group()")}} + - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()`. Pour revenir au niveau précédent, appeler `groupEnd()`. +- {{domxref("Console.groupCollapsed()")}} + - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()` , cela commence avec le groupe en ligne effondré, nécessitant l'utilisation d'un bouton de divulgation pour l'agrandir. Pour revenir au niveau précédent, appeler `groupEnd()`. +- {{domxref("Console.groupEnd()")}} + - : Quitte le [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) d'indentation courant. +- {{domxref("Console.info()")}} + - : Affiche un message d'information. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode. +- {{domxref("Console.log()")}} + - : Permet d'afficher des messages dans la console. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode. +- {{domxref("Console.profile()")}} {{Non-standard_inline}} + - : démarre le profilage du navigateur (par exemple, l'[outil performances de Firefox](/fr/docs/Outils/Performance)). Vous pouvez spécifier un nom en option pour ce profil. +- {{domxref("Console.profileEnd()")}} {{Non-standard_inline}} + - : Arrête le profilage. Vous pouvez voir le résultat de ce dernier dans l'outil « performance » du navigateur (par exemple, l'[outil performance Firefox](/fr/docs/Outils/Performance)). +- {{domxref("Console.table()")}} + - : Affiche des données tabulaires comme un tableau. +- {{domxref("Console.time()")}} + - : Démarre un [chronomètre](/fr/docs/Web/API/console#Timers) que l'on peut nommer en le spécifiant en tant que paramètre. Jusqu'à 10 000 chronomètres simultanés peuvent tourner sur une page. +- {{domxref("Console.timeEnd()")}} + - : Arrête le [chronomètre](/fr/docs/Web/API/console#Timers) spécifié et affiche le temps écoulé en millisecondes depuis son démarrage. +- {{domxref("Console.timeStamp()")}} {{Non-standard_inline}} + - : Ajoute un marqueur dans la [Timeline](https://developer.chrome.com/devtools/docs/timeline) du navigateur ou l'outil [Waterfall](/fr/docs/Outils/Performance/Waterfall). +- {{domxref("Console.trace()")}} + - : Affiche une [trace d'appels](/fr/docs/Web/API/console#Traces_d%27appel). +- {{domxref("Console.warn()")}} + - : Affiche un message d'avertissement. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode. + +## Exemples d'utilisation + +### Afficher du texte dans la console + +La fonction la plus utilisée de la console est d'afficher du texte ou autres données. Il y a quatre sortes d'affichages que vous pouvez générer, en utilisant les méthodes {{domxref("console.log()")}}, {{domxref("console.info()")}}, {{domxref("console.warn()")}}, et {{domxref("console.error()")}}. Chacune de ces méthodes génére un affichage différent dans la console, et vous pouvez utiliser les fonctions de filtrage du navigateur pour voir uniquement les types de sortie qui vous intéressent. + +Il y a deux manières d'utiliser chacune de ces méthodes de sortie ; Vous pouvez passer une liste d'objets dont leur représentation sera concaténée dans une seule chaine et s'affichera dans la console, ou vous pouvez passer une chaîne de caractères contenant zéro et plus de caractères de substitution suivis d'une liste d'objets avec lesquels les remplacer. + +#### Afficher un seul objet + +La manière la plus simple d'utiliser les méthodes de « log » est d'afficher un seul objet : + +```js +var someObject = { str: "Some text", id: 5 }; console.log(someObject); -</pre> +``` -<p>L'affichage ressemblera à ceci :</p> +L'affichage ressemblera à ceci : -<pre>[09:27:13.475] ({str:"Some text", id:5})</pre> + [09:27:13.475] ({str:"Some text", id:5}) -<h4 id="Afficher_plusieurs_objets">Afficher plusieurs objets</h4> +#### Afficher plusieurs objets -<p>Vous pouvez aussi afficher plusieurs objets, en les séparant par une virgule, comme ceci :</p> +Vous pouvez aussi afficher plusieurs objets, en les séparant par une virgule, comme ceci : -<pre class="brush: js">var car = "Dodge Charger"; +```js +var car = "Dodge Charger"; var someObject = {str:"Some text", id:5}; -console.info("My first car was a", car, ". The object is: ", someObject);</pre> +console.info("My first car was a", car, ". The object is: ", someObject); +``` -<p>L'affichage ressemblera à ceci :</p> +L'affichage ressemblera à ceci : -<pre>[09:28:22.711] My first car was a Dodge Charger . The object is: ({str:"Some text", id:5}) -</pre> + [09:28:22.711] My first car was a Dodge Charger . The object is: ({str:"Some text", id:5}) -<h4 id="Utiliser_les_caractères_de_substitution">Utiliser les caractères de substitution</h4> +#### Utiliser les caractères de substitution -<p>Gecko 9.0 {{geckoRelease("9.0")}} a amené le support des caractères de substitution. Lorsque l'on passe en argument une chaîne à l'une des méthodes qui acceptent des chaînes de caractère, on peut utiliser ces caractères de substitution :</p> +Gecko 9.0 {{geckoRelease("9.0")}} a amené le support des caractères de substitution. Lorsque l'on passe en argument une chaîne à l'une des méthodes qui acceptent des chaînes de caractère, on peut utiliser ces caractères de substitution : <table class="standard-table"> - <tbody> - <tr> - <td class="header">caractère de substitution</td> - <td class="header">description</td> - </tr> - <tr> - <td>%o or %O</td> - <td>Affiche un lien hypertexte sur un objet JavaScript. Cliquer le lien ouvre l'inspecteur.</td> - </tr> - <tr> - <td>%d or %i</td> - <td>Affiche un entier. Le formatage des nombres est supporté, par exemple console.log ("Foo% .2d", 1.1) affichera le nombre sous forme de deux chiffres significatifs avec un 0 : Foo 01</td> - </tr> - <tr> - <td>%s</td> - <td>Affiche une chaîne de caractères.</td> - </tr> - <tr> - <td>%f</td> - <td>Affiche un nombre réél. Le formatage est supporté, par exemple, <code>console.log("Foo %.2f", 1.1)</code> affichera un nombre avec 2 décimales : <code>Foo 1.10</code> .</td> - </tr> - </tbody> + <tbody> + <tr> + <td class="header">caractère de substitution</td> + <td class="header">description</td> + </tr> + <tr> + <td>%o or %O</td> + <td> + Affiche un lien hypertexte sur un objet JavaScript. Cliquer le lien + ouvre l'inspecteur. + </td> + </tr> + <tr> + <td>%d or %i</td> + <td> + Affiche un entier. Le formatage des nombres est supporté, par exemple + console.log ("Foo% .2d", 1.1) affichera le nombre sous forme de deux + chiffres significatifs avec un 0 : Foo 01 + </td> + </tr> + <tr> + <td>%s</td> + <td>Affiche une chaîne de caractères.</td> + </tr> + <tr> + <td>%f</td> + <td> + Affiche un nombre réél. Le formatage est supporté, par exemple, + <code>console.log("Foo %.2f", 1.1)</code> affichera un nombre avec 2 + décimales : <code>Foo 1.10</code> . + </td> + </tr> + </tbody> </table> -<p>Chacun de ceux-ci ira chercher l'argument qui suit la chaîne à formater. Par exemple :</p> +Chacun de ceux-ci ira chercher l'argument qui suit la chaîne à formater. Par exemple : -<pre>for (var i=0; i<5; i++) { - console.log("Hello, %s. You've called me %d times.", "Bob", i+1); -} -</pre> + for (var i=0; i<5; i++) { + console.log("Hello, %s. You've called me %d times.", "Bob", i+1); + } -<p>L'affichage ressemblera à ceci :</p> +L'affichage ressemblera à ceci : -<pre>[13:14:13.481] Hello, Bob. You've called me 1 times. -[13:14:13.483] Hello, Bob. You've called me 2 times. -[13:14:13.485] Hello, Bob. You've called me 3 times. -[13:14:13.487] Hello, Bob. You've called me 4 times. -[13:14:13.488] Hello, Bob. You've called me 5 times. -</pre> + [13:14:13.481] Hello, Bob. You've called me 1 times. + [13:14:13.483] Hello, Bob. You've called me 2 times. + [13:14:13.485] Hello, Bob. You've called me 3 times. + [13:14:13.487] Hello, Bob. You've called me 4 times. + [13:14:13.488] Hello, Bob. You've called me 5 times. -<h4 id="Donner_un_style_à_l'affichage_de_la_console">Donner un style à l'affichage de la console</h4> +#### Donner un style à l'affichage de la console -<p>Vous pouvez utiliser l'instruction <code>"%c"</code> pour appliquer du style CSS à l'affichage de la console :</p> +Vous pouvez utiliser l'instruction `"%c"` pour appliquer du style CSS à l'affichage de la console : -<pre class="brush: js">console.log("This is %cMy stylish message", "color: yellow; font-style: italic; background-color: blue;padding: 2px");</pre> +```js +console.log("This is %cMy stylish message", "color: yellow; font-style: italic; background-color: blue;padding: 2px"); +``` -<p><img alt="" src="css-styling.png"></p> + -<div class="note"> -<p><strong>Note :</strong> Un certain nombre de propriétés CSS sont supportées par ce style; vous devriez expérimenter et voir lesquels s'avèrent utiles.</p> -</div> +> **Note :** Un certain nombre de propriétés CSS sont supportées par ce style; vous devriez expérimenter et voir lesquels s'avèrent utiles. -<p>{{h3_gecko_minversion("Using groups in the console", "9.0")}}</p> +{{h3_gecko_minversion("Using groups in the console", "9.0")}} -<p>Vous pouvez utiliser des groupes imbriqués pour vous aider à vous repérer dans l'affichage. Pour créer un nouveau bloc, appelez <code>console.group()</code>. La méthode <code>console.groupCollapsed()</code> est similaire, mais elle crée un bloc qui sera réduit.</p> +Vous pouvez utiliser des groupes imbriqués pour vous aider à vous repérer dans l'affichage. Pour créer un nouveau bloc, appelez `console.group()`. La méthode `console.groupCollapsed()` est similaire, mais elle crée un bloc qui sera réduit. -<div class="note"> - <p><strong>Note :</strong> "Collapsed groups" ne sont pas supportés pour l'instant dans Gecko; La méthode <code>groupCollapsed()</code> est la même que <code>group()</code> en ce moment.</p> -</div> +> **Note :** "Collapsed groups" ne sont pas supportés pour l'instant dans Gecko; La méthode `groupCollapsed()` est la même que `group()` en ce moment. -<p>Pour quitter le groupe dans lequel on est, appeler <code>console.groupEnd()</code>. Par exemple, examinez ce code :</p> +Pour quitter le groupe dans lequel on est, appeler `console.groupEnd()`. Par exemple, examinez ce code : -<pre class="brush: js">console.log("This is the outer level"); +```js +console.log("This is the outer level"); console.group(); console.log("Level 2"); console.group(); @@ -188,90 +191,71 @@ console.groupEnd(); console.log("Back to level 2"); console.groupEnd(); console.debug("Back to the outer level"); -</pre> +``` -<p>L'affichage ressemblera à ceci :</p> +L'affichage ressemblera à ceci : -<p><img alt="Démonstration de groupes imbriqués dans la console Firefox" src="console_groups_demo.png"></p> + -<div>{{h3_gecko_minversion("Timers", "10.0")}}</div> +{{h3_gecko_minversion("Timers", "10.0")}} -<p>Pour calculer la durée d'une opération spécifique, Gecko 10 a amené le supports des chronomètres dans l'objet <code>console</code>. pour démarrer un chronomètre, appelez la méthode <code>console.time</code><code>()</code> en lui donnant un seul paramètre, son nom. Pour arrêter le chronomètre et obtenir le temps écoulé en millisecondes, utilisez la méthode <code>console.timeEnd()</code>, en passant à nouveau le nom du chronomètre comme paramètre. Une seule page peut faire tourner un maximum de 10.000 chronomètres.</p> +Pour calculer la durée d'une opération spécifique, Gecko 10 a amené le supports des chronomètres dans l'objet `console`. pour démarrer un chronomètre, appelez la méthode ` console.time``() ` en lui donnant un seul paramètre, son nom. Pour arrêter le chronomètre et obtenir le temps écoulé en millisecondes, utilisez la méthode `console.timeEnd()`, en passant à nouveau le nom du chronomètre comme paramètre. Une seule page peut faire tourner un maximum de 10.000 chronomètres. -<p>Par exemple, voici ce code :</p> +Par exemple, voici ce code : -<pre class="brush: js">console.time("answer time"); +```js +console.time("answer time"); alert("Click to continue"); console.timeEnd("answer time"); -</pre> +``` -<p>affichera le temps pour l'utilisateur dont il a eu besoin pour faire disparaitre la fenêtre d'alerte :</p> +affichera le temps pour l'utilisateur dont il a eu besoin pour faire disparaitre la fenêtre d'alerte : -<p><img src="console-timelog.png"></p> + -<p>Notez que le nom du chronomètre est affiché deux fois, à son départ et quand il se termine.</p> +Notez que le nom du chronomètre est affiché deux fois, à son départ et quand il se termine. -<div class="note"> - <p><strong>Note:</strong> Il est important de noter que si vous vous servez de ceci pour enregistrer les durées du traffic réseau, le chronomètre renverra le temps total d'échanges, alors que les durées affichées dans l'onglet network représente seulement la durée à la réception du header. Si vous avez activer l'enregistrement de réponse du body, le temps listé pour la réponse du header et du body devrait correspondre à ce qu'affiche la sortie de la console.</p> -</div> +> **Note :** Il est important de noter que si vous vous servez de ceci pour enregistrer les durées du traffic réseau, le chronomètre renverra le temps total d'échanges, alors que les durées affichées dans l'onglet network représente seulement la durée à la réception du header. Si vous avez activer l'enregistrement de réponse du body, le temps listé pour la réponse du header et du body devrait correspondre à ce qu'affiche la sortie de la console. -<h3 id="Traces_d'appel">Traces d'appel</h3> +### Traces d'appel -<p>L'objet console supporte aussi l'affichage d'une trace d'appels ; cela montre le chemin pris pour atteindre l'endroit auquel vous avez fait appel à la fonction {{domxref("console.trace()")}}. Ce qui donne avec ce code :</p> +L'objet console supporte aussi l'affichage d'une trace d'appels ; cela montre le chemin pris pour atteindre l'endroit auquel vous avez fait appel à la fonction {{domxref("console.trace()")}}. Ce qui donne avec ce code : -<pre>foo(); + foo(); -function foo() { - function bar() { - console.trace(); - } - bar(); -} -</pre> + function foo() { + function bar() { + console.trace(); + } + bar(); + } -<p>L'affichage dans la console ressemblera à ceci :</p> +L'affichage dans la console ressemblera à ceci : -<p><img alt="" src="api-trace2.png"></p> + -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('Console API')}}</td> - <td>{{Spec2('Console API')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Specification | Status | Comment | +| ------------------------------------ | -------------------------------- | -------------------- | +| {{SpecName('Console API')}} | {{Spec2('Console API')}} | Définition initiale. | -<h2 id="Notes">Notes</h2> +## Notes -<ul> - <li>Au moins dans Firefox, si une page définit un objet console, cet objet remplace celui créé dans Firefox.</li> - <li>Antérieur à {{Gecko ("12.0")}}, les méthodes de l'objet console ne fonctionnent que lorsque la console Web est ouverte. À partir de {{Gecko ("12.0")}}, la sortie est mise en cache jusqu'à ce que la console Web soit ouverte, puis affichée à ce moment-là.</li> - <li>Il est à noter que l'objet de console intégré de Firefox est compatible avec celui fourni par <a href="http://getfirebug.com/">Firebug</a>.</li> -</ul> +- Au moins dans Firefox, si une page définit un objet console, cet objet remplace celui créé dans Firefox. +- Antérieur à {{Gecko ("12.0")}}, les méthodes de l'objet console ne fonctionnent que lorsque la console Web est ouverte. À partir de {{Gecko ("12.0")}}, la sortie est mise en cache jusqu'à ce que la console Web soit ouverte, puis affichée à ce moment-là. +- Il est à noter que l'objet de console intégré de Firefox est compatible avec celui fourni par [Firebug](http://getfirebug.com/). -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="/fr/docs/Outils">Outils de développement</a></li> - <li><a href="/fr/docs/Outils/Console_Web">Console web</a> - comment la console Web de Firefox gère les appels d'API de console</li> - <li><a href="/fr/docs/Outils/D%C3%A9bogage_distant">Débogage distant</a> - comment afficher la sortie de la console lorsque la cible de débogage est un périphérique mobile</li> - <li><a href="/fr/docs/Archive/B2G_OS/Debugging/Journalisation_console">Journalisation console sur l'appareil</a> - comment se connecter sur les appareils Firefox OS</li> -</ul> +- [Outils de développement](/fr/docs/Outils) +- [Console web](/fr/docs/Outils/Console_Web) - comment la console Web de Firefox gère les appels d'API de console +- [Débogage distant](/fr/docs/Outils/D%C3%A9bogage_distant) - comment afficher la sortie de la console lorsque la cible de débogage est un périphérique mobile +- [Journalisation console sur l'appareil](/fr/docs/Archive/B2G_OS/Debugging/Journalisation_console) - comment se connecter sur les appareils Firefox OS -<h3 id="Autres_implémentations">Autres implémentations</h3> +### Autres implémentations -<ul> - <li><a href="https://developers.google.com/chrome-developer-tools/docs/console-api">Google Chrome DevTools</a></li> - <li><a href="http://getfirebug.com/wiki/index.php/Console_API">Firebug</a></li> - <li><a href="http://msdn.microsoft.com/en-us/library/hh772173(v=vs.85).aspx">Internet Explorer</a></li> - <li><a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html">Safari</a></li> -</ul> +- [Google Chrome DevTools](https://developers.google.com/chrome-developer-tools/docs/console-api) +- [Firebug](http://getfirebug.com/wiki/index.php/Console_API) +- [Internet Explorer](<http://msdn.microsoft.com/en-us/library/hh772173(v=vs.85).aspx>) +- [Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html) diff --git a/files/fr/web/api/console/info/index.md b/files/fr/web/api/console/info/index.md index a9263f8f27..576900b263 100644 --- a/files/fr/web/api/console/info/index.md +++ b/files/fr/web/api/console/info/index.md @@ -9,57 +9,39 @@ tags: - web console translation_of: Web/API/Console/info --- -<p>{{ APIRef("Console API") }}{{Non-standard_header}}</p> +{{ APIRef("Console API") }}{{Non-standard_header}} -<p>Affiche un message informatif dans la console du navigateur. Dans Firefox et Chrome, une petit icône de <em>i </em>s'affiche devant le message.</p> +Affiche un message informatif dans la console du navigateur. Dans Firefox et Chrome, une petit icône de _i_ s'affiche devant le message. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.info(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.info(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -</pre> + console.info(obj1 [, obj2, ..., objN]); + console.info(msg [, subst1, ..., substN]); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>Une liste d'objets JavaScript qui remplace les chaînes de caractéres de <code>msg</code>. Cela vous donne plus de contrôle sur le format de sortie.</dd> -</dl> +- `obj1` ... `objN` + - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste. +- `msg` + - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères. +- `subst1` ... `substN` + - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie. -<p>Voir <a href="/fr/docs/Web/API/Console#Outputting_text_to_the_console">Afficher du texte sur la console</a> dans la documentation de {{ domxref("console") }} pour plus de détails.</p> +Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails. -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#info", "console.info()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------ | -------------------------------- | -------------------- | +| {{SpecName("Console API", "#info", "console.info()")}} | {{Spec2("Console API")}} | Définition initiale. | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.info")}}</p> +{{Compat("api.Console.info")}} -<h2 id="See_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) diff --git a/files/fr/web/api/console/log/index.md b/files/fr/web/api/console/log/index.md index c1f9577c6a..904e2809b6 100644 --- a/files/fr/web/api/console/log/index.md +++ b/files/fr/web/api/console/log/index.md @@ -4,61 +4,55 @@ slug: Web/API/Console/log translation_of: Web/API/Console/log browser-compat: api.Console.log --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>La méthode <strong><code>console.log()</code></strong> affiche un message dans la console Web. Le message peut être une simple chaine de caractères (avec des valeurs optionnelles de substitution) ou peut être composé d'un ou plusieurs objets JavaScript.</p> +La méthode **`console.log()`** affiche un message dans la console Web. Le message peut être une simple chaine de caractères (avec des valeurs optionnelles de substitution) ou peut être composé d'un ou plusieurs objets JavaScript. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="syntax">Syntaxe</h2> +## Syntaxe -<pre class="brush: js"> -console.log(<var>obj1</var> [, <var>obj2</var>, ..., <var>objN</var>]); -console.log(<var>msg</var> [, <var>subst1</var>, ..., <var>substN</var>]); -</pre> +```js +console.log(obj1 [, obj2, ..., objN]); +console.log(msg [, subst1, ..., substN]); +``` -<h3 id="parameters">Paramètres</h3> +### Paramètres -<dl> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets Javascript à afficher. Les représentations textuelles de chacun de ces objets seront affichées dans la console du navigateur selon l'ordre indiqué. Attention, pour les versions récentes de Chrome et Firefox, ce qui apparaît dans la console est une <strong>référence à l'objet</strong> et pas nécessairement la valeur de l'objet au moment de l'appel à <code>console.log()</code> mais sa valeur au moment où on ouvre la console.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de substitution.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>Des objets JavaScript dont les valeurs textuelles remplaceront les emplacements à substituer indiqués dans <code>msg</code>. Cela offre plus de contrôle sur le format d'affichage.</dd> -</dl> +- `obj1` ... `objN` + - : Une liste d'objets Javascript à afficher. Les représentations textuelles de chacun de ces objets seront affichées dans la console du navigateur selon l'ordre indiqué. Attention, pour les versions récentes de Chrome et Firefox, ce qui apparaît dans la console est une **référence à l'objet** et pas nécessairement la valeur de l'objet au moment de l'appel à `console.log()` mais sa valeur au moment où on ouvre la console. +- `msg` + - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de substitution. +- `subst1` ... `substN` + - : Des objets JavaScript dont les valeurs textuelles remplaceront les emplacements à substituer indiqués dans `msg`. Cela offre plus de contrôle sur le format d'affichage. -<p>Voir <a href="/fr/docs/Web/API/Console#outputting_text_to_the_console">Afficher du texte sur la console</a> dans la documentation de <a href="/fr/docs/Web/API/Console"><code>console</code></a> pour plus de détails.</p> +Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#outputting_text_to_the_console) dans la documentation de [`console`](/fr/docs/Web/API/Console) pour plus de détails. -<h2 id="difference_between_log_and_dir">Différence entre console.log() et console.dir()</h2> +## Différence entre console.log() et console.dir() -<p>Vous pourriez vous demander quelles sont les différences entre <a href="/fr/docs/Web/API/Console/dir"><code>console.dir()</code></a> et <code>console.log()</code>.</p> +Vous pourriez vous demander quelles sont les différences entre [`console.dir()`](/fr/docs/Web/API/Console/dir) et `console.log()`. -<p>Celles-ci concernent principalement la gestion particulière des objets du DOM :</p> -<ul> - <li><code>console.log()</code> affiche les éléments dans un arbre de type HTML,</li> - <li><code>console.dir()</code> affiche les propriétés de l'objet JavaScript.</li> -</ul> +Celles-ci concernent principalement la gestion particulière des objets du DOM : -<p><img alt="" src="dozdcyr.png"></p> +- `console.log()` affiche les éléments dans un arbre de type HTML, +- `console.dir()` affiche les propriétés de l'objet JavaScript. + -<h2 id="logging_objects">Affichage d'objets dans la console</h2> +## Affichage d'objets dans la console -<p>Évitez d'utiliser <code>console.log(obj)</code> mais préférez <code>console.log(JSON.parse(JSON.stringify(obj)))</code> si vous souhaîtez être sûr·e d'observer la valeur de l'objet au moment de l'exécution de <code>console.log()</code>. Autrement, de nombreux navigateurs produisent un affichage interactif de l'objet qui se maintient à jour quand les propriétés de l'objet changent. Cela ne pourrait pas être ce que vous voulez et peut porter à confusion.</p> +Évitez d'utiliser `console.log(obj)` mais préférez `console.log(JSON.parse(JSON.stringify(obj)))` si vous souhaîtez être sûr·e d'observer la valeur de l'objet au moment de l'exécution de `console.log()`. Autrement, de nombreux navigateurs produisent un affichage interactif de l'objet qui se maintient à jour quand les propriétés de l'objet changent. Cela ne pourrait pas être ce que vous voulez et peut porter à confusion. -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="see_also">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log">Docs Microsoft : Edge - Afficher des messages dans la console</a></li> - <li><a href="https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject">La référence de l'API Console pour Chrome</a></li> - <li><a href="https://nodejs.org/docs/latest/api/console.html#console_console_log_data">NodeJS : API Console</a></li> -</ul> +- [Docs Microsoft : Edge - Afficher des messages dans la console](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log) +- [La référence de l'API Console pour Chrome](https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject) +- [NodeJS : API Console](https://nodejs.org/docs/latest/api/console.html#console_console_log_data) diff --git a/files/fr/web/api/console/profile/index.md b/files/fr/web/api/console/profile/index.md index d26727f201..f8a54b5e02 100644 --- a/files/fr/web/api/console/profile/index.md +++ b/files/fr/web/api/console/profile/index.md @@ -9,34 +9,29 @@ tags: - débogage translation_of: Web/API/Console/profile --- -<p>{{APIRef("Console API")}}{{Non-standard_header}}</p> +{{APIRef("Console API")}}{{Non-standard_header}} -<p>Commence l'enregistrement d'un profil de performance (par exemple, l'outil <a href="/fr/docs/Outils/Performance">performance de Firefox</a>).</p> +Commence l'enregistrement d'un profil de performance (par exemple, l'outil [performance de Firefox](/fr/docs/Outils/Performance)). -<p>Vous pouvez éventuellement fournir un argument pour nommer le profil, ce qui vous permet d'arrêter uniquement ce profil si plusieurs profils sont enregistrés. Voir {{domxref("Console.profileEnd()")}} pour voir comment cet argument est interprété.</p> +Vous pouvez éventuellement fournir un argument pour nommer le profil, ce qui vous permet d'arrêter uniquement ce profil si plusieurs profils sont enregistrés. Voir {{domxref("Console.profileEnd()")}} pour voir comment cet argument est interprété. -<p>Pour arrêter l'enregistrement, appeler {{domxref("Console.profileEnd()")}}.</p> +Pour arrêter l'enregistrement, appeler {{domxref("Console.profileEnd()")}}. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.profile(<em>profileName</em>); -</pre> + console.profile(profileName); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>profileName</code></dt> - <dd>Le nom à donner au profil. Facultatif.</dd> -</dl> +- `profileName` + - : Le nom à donner au profil. Facultatif. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.profile")}}</p> +{{Compat("api.Console.profile")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{domxref("Console.profileEnd()")}}</li> -</ul> +- {{domxref("Console.profileEnd()")}} diff --git a/files/fr/web/api/console/profileend/index.md b/files/fr/web/api/console/profileend/index.md index 9b267eb029..03466b8172 100644 --- a/files/fr/web/api/console/profileend/index.md +++ b/files/fr/web/api/console/profileend/index.md @@ -8,42 +8,33 @@ tags: - Profils translation_of: Web/API/Console/profileEnd --- -<p>{{APIRef("Console API")}}{{Non-standard_header}}</p> +{{APIRef("Console API")}}{{Non-standard_header}} -<div class="warning"> -<p><strong>Attention :</strong> L'appel de cet API immédiatement après <code>console.profile()</code> peut l'empêcher de fonctionner. Pour contourner ce problème, appelez-le par un <code>setTimeout</code> avec un délai d'au-moins 5 ms. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1173588">bug #1173588</a>.</p> -</div> +> **Attention :** L'appel de cet API immédiatement après `console.profile()` peut l'empêcher de fonctionner. Pour contourner ce problème, appelez-le par un `setTimeout` avec un délai d'au-moins 5 ms. Voir [bug #1173588](https://bugzilla.mozilla.org/show_bug.cgi?id=1173588). -<p>La méthode <code>profileEnd</code> arrête l'enregistrement d'un profil lancé précédemment avec {{domxref("Console.profile()")}}.</p> +La méthode `profileEnd` arrête l'enregistrement d'un profil lancé précédemment avec {{domxref("Console.profile()")}}. -<p>Vous pouvez éventuellement insérer un argument pour nommer le profil. Cela vous permet d'arrêter uniquement ce profil si vous avez enregistré plusieurs profils.</p> +Vous pouvez éventuellement insérer un argument pour nommer le profil. Cela vous permet d'arrêter uniquement ce profil si vous avez enregistré plusieurs profils. -<ul> - <li>Si <code>Console.profileEnd()</code> reçoit un nom de profil qui correspond au nom d'un profil en cours d'enregistrement, ce profil est arrêté.</li> - <li>Si <code>Console.profileEnd()</code> reçoit un nom de profil qui ne correspond pas au nom d'un profil en cours d'enregistrement, aucune modification n'est apportée.</li> - <li>Si <code>Console.profileEnd()</code> ne reçoit pas un nom de profil, le dernier profil démarré est arrêté.</li> -</ul> +- Si `Console.profileEnd()` reçoit un nom de profil qui correspond au nom d'un profil en cours d'enregistrement, ce profil est arrêté. +- Si `Console.profileEnd()` reçoit un nom de profil qui ne correspond pas au nom d'un profil en cours d'enregistrement, aucune modification n'est apportée. +- Si `Console.profileEnd()` ne reçoit pas un nom de profil, le dernier profil démarré est arrêté. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.profileEnd(<em>profileName</em>); -</pre> + console.profileEnd(profileName); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>profileName</code></dt> - <dd>Le nom à donner au profil. Ce paramètre est facultatif.</dd> -</dl> +- `profileName` + - : Le nom à donner au profil. Ce paramètre est facultatif. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.profileEnd")}}</p> +{{Compat("api.Console.profileEnd")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{domxref("Console.profile()")}}</li> -</ul> +- {{domxref("Console.profile()")}} diff --git a/files/fr/web/api/console/table/index.md b/files/fr/web/api/console/table/index.md index 1f5beabcd2..d10348512f 100644 --- a/files/fr/web/api/console/table/index.md +++ b/files/fr/web/api/console/table/index.md @@ -10,29 +10,32 @@ tags: - débogage translation_of: Web/API/Console/table --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche des données tabulaires sous la forme d'un tableau.</p> +Affiche des données tabulaires sous la forme d'un tableau. -<p>Cette fonction prend un argument obligatoire <code>data</code>, qui doit être un tableau (Array) ou un objet, et un argument facultatif <code>columns</code>.</p> +Cette fonction prend un argument obligatoire `data`, qui doit être un tableau (Array) ou un objet, et un argument facultatif `columns`. -<p>Il affiche <code>data</code> sous la forme d'un tableau. Chaque élément dans le tableau fourni (Array) sera affiché comme une ligne dans le tableau. (ou les propriétés énumérables s'il s'agit d'un objet)</p> +Il affiche `data` sous la forme d'un tableau. Chaque élément dans le tableau fourni (Array) sera affiché comme une ligne dans le tableau. (ou les propriétés énumérables s'il s'agit d'un objet) -<p>La première colonne dans le tableau sera intitulé <code>(index)</code>. Si <code>data</code> est un tableau (Array), alors les valeurs de cette colonne seront les index du tableau (Array). Si <code>data</code> est un objet, alors ses valeurs seront les noms des propriétés.À noter (dans Firefox) : <code>console.table</code> est limité à l'affichage de 1000 lignes (la première ligne est l'index étiqueté)</p> +La première colonne dans le tableau sera intitulé `(index)`. Si `data` est un tableau (Array), alors les valeurs de cette colonne seront les index du tableau (Array). Si `data` est un objet, alors ses valeurs seront les noms des propriétés.À noter (dans Firefox) : `console.table` est limité à l'affichage de 1000 lignes (la première ligne est l'index étiqueté) -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h3 id="Collections_de_données_primitives">Collections de données primitives</h3> +### Collections de données primitives -<p><code>data</code> peut contenir un tableau ou un objet.</p> +`data` peut contenir un tableau ou un objet. -<pre class="brush: js">// un tableau de chaînes de caractères +```js +// un tableau de chaînes de caractères -console.table(["apples", "oranges", "bananas"]);</pre> +console.table(["apples", "oranges", "bananas"]); +``` -<p><img alt="" src="console-table-array.png"></p> + -<pre class="brush: js">// un objet dont les propriétés sont des chaînes de caractères +```js +// un objet dont les propriétés sont des chaînes de caractères function Person(firstName, lastName) { this.firstName = firstName; @@ -41,22 +44,26 @@ function Person(firstName, lastName) { var me = new Person("John", "Smith"); -console.table(me);</pre> +console.table(me); +``` -<p><img alt="" src="console-table-simple-object.png"></p> + -<h3 id="Collections_de_données_composées">Collections de données composées</h3> +### Collections de données composées -<p>Si les éléments d'un tableau, ou les propriétés d'un objet, sont eux-mêmes des tableaux ou des objets, alors ces éléments ou propriétés sont énumérés dans chaque ligne, un élément par colonne :</p> +Si les éléments d'un tableau, ou les propriétés d'un objet, sont eux-mêmes des tableaux ou des objets, alors ces éléments ou propriétés sont énumérés dans chaque ligne, un élément par colonne : -<pre class="brush: js">// un tableau de tableaux +```js +// un tableau de tableaux var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]] -console.table(people);</pre> +console.table(people); +``` -<p><img alt="Un tableau qui affiche un tableau de tableaux" src="console-table-array-of-array.png"></p> + -<pre class="brush: js">// un tableau d'objets +```js +// un tableau d'objets function Person(firstName, lastName) { this.firstName = firstName; @@ -67,13 +74,15 @@ var john = new Person("John", "Smith"); var jane = new Person("Jane", "Doe"); var emily = new Person("Emily", "Jones"); -console.table([john, jane, emily]);</pre> +console.table([john, jane, emily]); +``` -<p>Notez que si le tableau contient des objets, alors les colonnes seront nommées avec les noms des propriétés.</p> +Notez que si le tableau contient des objets, alors les colonnes seront nommées avec les noms des propriétés. -<p><img alt="Un tableau qui affiche un tableau d'objets" src="console-table-array-of-objects.png"></p> + -<pre class="brush: js">// un objet contenant des propriétés qui sont des objets +```js +// un objet contenant des propriétés qui sont des objets var family = {}; @@ -81,15 +90,17 @@ family.mother = new Person("Jane", "Smith"); family.father = new Person("John", "Smith"); family.daughter = new Person("Emily", "Smith"); -console.table(family);</pre> +console.table(family); +``` -<p><img alt="Un tableau affichant des objets composés d'objets" src="console-table-object-of-objects.png"></p> + -<h3 id="Restreindre_les_colonnes_affichées">Restreindre les colonnes affichées</h3> +### Restreindre les colonnes affichées -<p>Par défaut, <code>console.table()</code> liste tous les éléments pour chaque ligne. Vous pouvez utiliser le paramètre facultatif <code>columns</code> pour sélectionner un sous-ensemble de colonnes à afficher :</p> +Par défaut, `console.table()` liste tous les éléments pour chaque ligne. Vous pouvez utiliser le paramètre facultatif `columns` pour sélectionner un sous-ensemble de colonnes à afficher : -<pre class="brush: js">// un tableau d'objets, affichant seulement firstName +```js +// un tableau d'objets, affichant seulement firstName function Person(firstName, lastName) { this.firstName = firstName; @@ -100,47 +111,32 @@ var john = new Person("John", "Smith"); var jane = new Person("Jane", "Doe"); var emily = new Person("Emily", "Jones"); -console.table([john, jane, emily], ["firstName"]);</pre> +console.table([john, jane, emily], ["firstName"]); +``` -<p><img alt="Un tableau affichant un tableau d'objets dont la sortie est filtrée" src="console-table-array-of-objects-firstname-only.png"></p> + -<h3 id="Ordonner_les_colonnes">Ordonner les colonnes</h3> +### Ordonner les colonnes -<p>Vous pouvez ordonner les colonnes en cliquant sur l'intitulé de la colonne.</p> +Vous pouvez ordonner les colonnes en cliquant sur l'intitulé de la colonne. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.table(data [, <em>columns]</em>); -</pre> + console.table(data [, columns]); -<h3 id="Parameters">Paramètres</h3> +### Paramètres -<dl> - <dt><code>data</code></dt> - <dd>La donnée à afficher. Doit être un tableau ou un objet.</dd> - <dt><code>columns</code></dt> - <dd>Un tableau contenant les noms des colonnes à inclure dans la sortie.</dd> -</dl> +- `data` + - : La donnée à afficher. Doit être un tableau ou un objet. +- `columns` + - : Un tableau contenant les noms des colonnes à inclure dans la sortie. -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#table", "console.table()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#table", "console.table()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<div>{{Compat("api.Console.table")}}</div> +{{Compat("api.Console.table")}} diff --git a/files/fr/web/api/console/time/index.md b/files/fr/web/api/console/time/index.md index 271b2e5497..af170f9326 100644 --- a/files/fr/web/api/console/time/index.md +++ b/files/fr/web/api/console/time/index.md @@ -11,50 +11,32 @@ tags: - débogage translation_of: Web/API/Console/time --- -<p>{{APIRef("Console API")}}</p> +{{APIRef("Console API")}} -<p>Chronomètre une opération. Chaque "timer" doit avoir un nom unique. Il peut y avoir jusqu'à 10000 "timers" sur une même page. En appelant {{ domxref("console.timeEnd()") }} avec le même nom, le navigateur affichera le temps d'execution en millisecondes dans la console.</p> +Chronomètre une opération. Chaque "timer" doit avoir un nom unique. Il peut y avoir jusqu'à 10000 "timers" sur une même page. En appelant {{ domxref("console.timeEnd()") }} avec le même nom, le navigateur affichera le temps d'execution en millisecondes dans la console. -<p>Voir <a href="/fr/docs/Web/API/console#Timers">Timers</a> dans la documentation de {{ domxref("console") }} pour plus de details et d'exemples.</p> +Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{ domxref("console") }} pour plus de details et d'exemples. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.time(<em>label</em>); -</pre> + console.time(label); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>label</code></dt> - <dd>Nom qui identifiera le nouveau "timer". Il faut utiliser le même nom pour {{ domxref("console.timeEnd()") }} pour arrêter le "timer" et afficher le temps dans la console.</dd> -</dl> +- `label` + - : Nom qui identifiera le nouveau "timer". Il faut utiliser le même nom pour {{ domxref("console.timeEnd()") }} pour arrêter le "timer" et afficher le temps dans la console. -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#time", "console.time()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------ | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#time", "console.time()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.time")}}</p> +{{Compat("api.Console.time")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{ domxref("console.timeEnd()") }}</li> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> -</ul> +- {{ domxref("console.timeEnd()") }} +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/timeend/index.md b/files/fr/web/api/console/timeend/index.md index dc45ee8468..8e92a7eaf5 100644 --- a/files/fr/web/api/console/timeend/index.md +++ b/files/fr/web/api/console/timeend/index.md @@ -10,49 +10,31 @@ tags: - Méthode translation_of: Web/API/Console/timeEnd --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Arrête un chronomètre (<em>timer</em>) précédemment démarré par {{domxref("console.time()")}}.</p> +Arrête un chronomètre (_timer_) précédemment démarré par {{domxref("console.time()")}}. -<p>Voir <a href="/fr/docs/Web/API/console#Timers">Timers</a> dans la documentation de {{domxref("console")}} pour des détails et des exemples.</p> +Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{domxref("console")}} pour des détails et des exemples. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.timeEnd(<em>label</em>); -</pre> + console.timeEnd(label); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>label</code></dt> - <dd>Le nom du <em>timer</em> à stopper. Une fois arrêté, le temps écoulé est automatiquement affiché dans la <a href="/fr/docs/Outils/Console_Web">Console Web</a>.</dd> -</dl> +- `label` + - : Le nom du _timer_ à stopper. Une fois arrêté, le temps écoulé est automatiquement affiché dans la [Console Web](/fr/docs/Outils/Console_Web). -<h2 id="Spécification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#timeend", "console.timeEnd()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#timeend", "console.timeEnd()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<div>{{Compat("api.Console.timeEnd")}}</div> +{{Compat("api.Console.timeEnd")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a>.</li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/). diff --git a/files/fr/web/api/console/timelog/index.md b/files/fr/web/api/console/timelog/index.md index cd1f33d3be..b8fb84bc0c 100644 --- a/files/fr/web/api/console/timelog/index.md +++ b/files/fr/web/api/console/timelog/index.md @@ -11,89 +11,67 @@ tags: - débogage translation_of: Web/API/Console/timeLog --- -<div>{{APIRef("Console API")}}</div> +{{APIRef("Console API")}} -<p>Affiche dans la console la valeur actuelle d'un timer précédemment appelé par {{domxref("console.time()")}}</p> +Affiche dans la console la valeur actuelle d'un timer précédemment appelé par {{domxref("console.time()")}} -<p>Voir <a href="/en-US/docs/Web/API/console#Timers">Timers</a> dans la documentation pour des exemples et plus de détails</p> +Voir [Timers](/en-US/docs/Web/API/console#Timers) dans la documentation pour des exemples et plus de détails -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.timeLog(<em>label</em>); -</pre> + console.timeLog(label); -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<dl> - <dt><code>label</code></dt> - <dd>Le nom du timer à afficher sur la console</dd> -</dl> +- `label` + - : Le nom du timer à afficher sur la console -<h3 id="Valeur_de_retour">Valeur de retour</h3> +### Valeur de retour -<p>Si aucun label n'est inclus</p> +Si aucun label n'est inclus -<pre>default: 1042ms</pre> + default: 1042ms -<p>Si un <code>label</code> est inclus:</p> +Si un `label` est inclus: -<pre>timer name: 1242ms</pre> + timer name: 1242ms -<h3 id="Exceptions">Exceptions</h3> +### Exceptions -<p>Si aucun timer n'est en cours d'éxecution, <code>timeLog()</code> retourne l'avertissement suivant :</p> +Si aucun timer n'est en cours d'éxecution, `timeLog()` retourne l'avertissement suivant : -<pre>Timer “default” doesn’t exist.</pre> + Timer “default” doesn’t exist. -<p>Si le paramètre label est spécifé mais aucun timer n'y correspond :</p> +Si le paramètre label est spécifé mais aucun timer n'y correspond : -<pre> Timer “timer name” doesn’t exist. </pre> + Timer “timer name” doesn’t exist. -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre>console.time("answer time"); -alert("Click to continue"); -console.timeLog("answer time"); -alert("Do a bunch of other stuff..."); -console.timeEnd("answer time");</pre> + console.time("answer time"); + alert("Click to continue"); + console.timeLog("answer time"); + alert("Do a bunch of other stuff..."); + console.timeEnd("answer time"); -<p>Le résultat de l'exemple ci-dessus montre le temps qu'a mis l'utilisateur à fermer la première pop-up d'alerte, puis le temps que l'utilisateur a pris pour fermer la seconde :</p> +Le résultat de l'exemple ci-dessus montre le temps qu'a mis l'utilisateur à fermer la première pop-up d'alerte, puis le temps que l'utilisateur a pris pour fermer la seconde : -<p><img src="timer_output.png"></p> + -<p>Notez que le nom du timer est à la fois affiché lorsque la valeur est affichée par <code>timeLog()</code> et lorsque le timer est arrêté</p> +Notez que le nom du timer est à la fois affiché lorsque la valeur est affichée par `timeLog()` et lorsque le timer est arrêté -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#timelog", "console.timeLog()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#timelog", "console.timeLog()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<div> +{{Compat("api.Console.timeLog")}} +## Voir aussi -<p>{{Compat("api.Console.timeLog")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Documentation d'Opera Dragonfly: Console</a></li> -</ul> +- [Documentation d'Opera Dragonfly: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/timestamp/index.md b/files/fr/web/api/console/timestamp/index.md index ebf2f9bd83..fe8862399c 100644 --- a/files/fr/web/api/console/timestamp/index.md +++ b/files/fr/web/api/console/timestamp/index.md @@ -9,34 +9,29 @@ tags: - console translation_of: Web/API/Console/timeStamp --- -<div>{{APIRef("Console API")}}{{Non-standard_header}}</div> +{{APIRef("Console API")}}{{Non-standard_header}} -<p>Ajoute un seul marqueur à l'outil <a href="https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference">Performance</a> ou <a href="/fr/docs/Outils/Performance/Waterfall">Waterfall</a> du navigateur. Cela vous permet de corréler un point de votre code avec les autres événements enregistrés dans la chronologie, tels que les événements de mise en page et de peinture.</p> +Ajoute un seul marqueur à l'outil [Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference) ou [Waterfall](/fr/docs/Outils/Performance/Waterfall) du navigateur. Cela vous permet de corréler un point de votre code avec les autres événements enregistrés dans la chronologie, tels que les événements de mise en page et de peinture. -<p>Vous pouvez éventuellement fournir un argument pour étiqueter l'horodatage, et cette étiquette sera ensuite affichée à côté du marqueur.</p> +Vous pouvez éventuellement fournir un argument pour étiqueter l'horodatage, et cette étiquette sera ensuite affichée à côté du marqueur. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.timeStamp(label); -</pre> + console.timeStamp(label); -<h2 id="Paramètres">Paramètres</h2> +## Paramètres -<dl> - <dt><code>label</code></dt> - <dd>Étiquette pour l'horodatage. Facultatif.</dd> -</dl> +- `label` + - : Étiquette pour l'horodatage. Facultatif. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.timestamp")}}</p> +{{Compat("api.Console.timestamp")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{domxref("Console.time()")}}</li> - <li>{{domxref("Console.timeEnd()")}}</li> - <li><a href="/fr/docs/Outils/Performance/Waterfall#Marqueurs_de_temps">Ajout d'un marqueur de temps pour le Waterfall</a></li> -</ul> +- {{domxref("Console.time()")}} +- {{domxref("Console.timeEnd()")}} +- [Ajout d'un marqueur de temps pour le Waterfall](/fr/docs/Outils/Performance/Waterfall#Marqueurs_de_temps) diff --git a/files/fr/web/api/console/trace/index.md b/files/fr/web/api/console/trace/index.md index 481fb9f954..e94e5c7528 100644 --- a/files/fr/web/api/console/trace/index.md +++ b/files/fr/web/api/console/trace/index.md @@ -11,59 +11,49 @@ tags: - trace translation_of: Web/API/Console/trace --- -<p>{{ APIRef("Console API") }}</p> +{{ APIRef("Console API") }} -<p>Affiche la <em>stack trace</em> dans la <a href="/fr/docs/Outils/Console_Web">Web Console</a>.</p> +Affiche la _stack trace_ dans la [Web Console](/fr/docs/Outils/Console_Web). -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p>Voir <a href="/fr/docs/Web/API/console#Stack_traces">Stack traces</a> dans la documentation de {{ domxref("console") }} pour plus de détails et d'exemples.</p> +Voir [Stack traces](/fr/docs/Web/API/console#Stack_traces) dans la documentation de {{ domxref("console") }} pour plus de détails et d'exemples. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.trace(); -</pre> + console.trace(); -<h2 id="Exemple">Exemple</h2> +## Exemple -<pre class="brush: js">function foo() { +```js +function foo() { function bar() { console.trace(); } bar(); } -foo();</pre> +foo(); +``` -<p>Dans la console, la trace suivante sera affichée :</p> +Dans la console, la trace suivante sera affichée : -<pre class="brush: html">bar +```html +bar foo -<anonymous></pre> - -<h2 id="Specification">Spécification</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#trace", "console.trace()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition Initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.Console.trace")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<p><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></p> +<anonymous> +``` + +## Spécification + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------- | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#trace", "console.trace()")}} | {{Spec2("Console API")}} | Définition Initiale | + +## Compatibilité des navigateurs + +{{Compat("api.Console.trace")}} + +## Voir aussi + +[Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) diff --git a/files/fr/web/api/console/warn/index.md b/files/fr/web/api/console/warn/index.md index f67adb3582..b1d9132dc6 100644 --- a/files/fr/web/api/console/warn/index.md +++ b/files/fr/web/api/console/warn/index.md @@ -10,61 +10,41 @@ tags: - débogage translation_of: Web/API/Console/warn --- -<p>{{ APIRef("Console API") }}</p> +{{ APIRef("Console API") }} -<p>Affiche un message d'avertissement dans la console web.</p> +Affiche un message d'avertissement dans la console web. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<div class="note"> - <p><strong>Note :</strong> Dans Firefox, une icône de point d'exclamation est affichée à côté des messages d'avertissement</p> -</div> +> **Note :** Dans Firefox, une icône de point d'exclamation est affichée à côté des messages d'avertissement -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">console.warn(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]); -console.warn(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); -</pre> + console.warn(obj1 [, obj2, ..., objN]); + console.warn(msg [, subst1, ..., substN]); -<h2 id="Paramétres">Paramétres</h2> +## Paramétres -<dl> - <dt><code>obj1</code> ... <code>objN</code></dt> - <dd>Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.</dd> - <dt><code>msg</code></dt> - <dd>Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.</dd> - <dt><code>subst1</code> ... <code>substN</code></dt> - <dd>Une liste d'objets JavaScript qui remplace les chaînes de caractéres de <code>msg</code>. Cela vous donne plus de contrôle sur le format de sortie.</dd> -</dl> +- `obj1` ... `objN` + - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste. +- `msg` + - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères. +- `subst1` ... `substN` + - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie. -<p>Voir <a href="/fr/docs/Web/API/console#Outputting_text_to_the_console">Outputting text to the console</a> dans la documentation de {{ domxref("console") }} pour plus de détails.</p> +Voir [Outputting text to the console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails. -<h2 id="Specification">Spécification</h2> +## Spécification -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Console API", "#warn", "console.warn()")}}</td> - <td>{{Spec2("Console API")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------ | -------------------------------- | ------------------- | +| {{SpecName("Console API", "#warn", "console.warn()")}} | {{Spec2("Console API")}} | Définition initiale | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Console.warn")}}</p> +{{Compat("api.Console.warn")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li><a href="http://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li> - <li><a href="http://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li> -</ul> +- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/) +- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530) |