aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/performanceobserver
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/performanceobserver
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/performanceobserver')
-rw-r--r--files/fr/web/api/performanceobserver/disconnect/index.md46
-rw-r--r--files/fr/web/api/performanceobserver/index.md73
-rw-r--r--files/fr/web/api/performanceobserver/observe/index.md82
-rw-r--r--files/fr/web/api/performanceobserver/performanceobserver/index.md58
-rw-r--r--files/fr/web/api/performanceobserver/takerecords/index.md70
5 files changed, 133 insertions, 196 deletions
diff --git a/files/fr/web/api/performanceobserver/disconnect/index.md b/files/fr/web/api/performanceobserver/disconnect/index.md
index d4e509708b..8a0960e400 100644
--- a/files/fr/web/api/performanceobserver/disconnect/index.md
+++ b/files/fr/web/api/performanceobserver/disconnect/index.md
@@ -13,19 +13,22 @@ tags:
- observers
translation_of: Web/API/PerformanceObserver/disconnect
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La méthode <strong><code>disconnect()</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> est utilisée pour empêcher l'observateur de performances de recevoir tout événement <a href="/fr/docs/Web/API/PerformanceEntry">d'entrée de performance</a>.</p>
+La méthode **`disconnect()`** de l'interface [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) est utilisée pour empêcher l'observateur de performances de recevoir tout événement [d'entrée de performance](/fr/docs/Web/API/PerformanceEntry).
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js"><var>performanceObserver</var>.disconnect();</pre>
+```js
+performanceObserver.disconnect();
+```
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">const observer = new PerformanceObserver(function(list, obj) {
+```js
+const observer = new PerformanceObserver(function(list, obj) {
let entries = list.getEntries();
- for (let i=0; i &lt; entries.length; i++) {
+ for (let i=0; i < entries.length; i++) {
// Traiter les événements "mark" et "frame"
}
});
@@ -39,28 +42,15 @@ function perf_observer(list, observer) {
}
const observer2 = new PerformanceObserver(perf_observer);
observer2.observe({entryTypes: ["measure"]});
-</pre>
+```
-<h2 id="Specifications">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('Performance Timeline Level 2',
- '#dom-performanceobserver-disconnect', 'disconnect()')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale de la méthode <code>disconnect()</code>.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | ------------------------------------------------- |
+| {{SpecName('Performance Timeline Level 2',
+ '#dom-performanceobserver-disconnect', 'disconnect()')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de la méthode `disconnect()`. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceObserver.disconnect")}}</p>
+{{Compat("api.PerformanceObserver.disconnect")}}
diff --git a/files/fr/web/api/performanceobserver/index.md b/files/fr/web/api/performanceobserver/index.md
index 27831bb210..d288321d4c 100644
--- a/files/fr/web/api/performanceobserver/index.md
+++ b/files/fr/web/api/performanceobserver/index.md
@@ -11,65 +11,48 @@ tags:
- observers
translation_of: Web/API/PerformanceObserver
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>L'interface <strong><code>PerformanceObserver</code></strong> est utilisée pour <em>observer</em> les événements de mesure des performances et être notifié des nouvelles <a href="/fr/docs/Web/API/PerformanceEntry">entréés de performance</a> lorsqu'elles sont enregistrées dans la <em>chronologie des performances</em> du navigateur.</p>
+L'interface **`PerformanceObserver`** est utilisée pour _observer_ les événements de mesure des performances et être notifié des nouvelles [entréés de performance](/fr/docs/Web/API/PerformanceEntry) lorsqu'elles sont enregistrées dans la _chronologie des performances_ du navigateur.
-<p>{{AvailableInWorkers}}</p>
+{{AvailableInWorkers}}
-<h2 id="Constructor">Constructeur</h2>
+## Constructeur
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceObserver/PerformanceObserver"><code>PerformanceObserver()</code></a></dt>
- <dd>Crée et retourne un nouvel objet <code>PerformanceObserver</code>.</dd>
-</dl>
+- [`PerformanceObserver()`](/fr/docs/Web/API/PerformanceObserver/PerformanceObserver)
+ - : Crée et retourne un nouvel objet `PerformanceObserver`.
-<h2 id="Methods">Méthodes</h2>
+## Méthodes
-<dl>
- <dt><a href="/fr/docs/Web/API/PerformanceObserver/observe"><code>PerformanceObserver.observe()</code></a></dt>
- <dd>Spécifie l'ensemble des <a href="/fr/docs/Web/API/PerformanceEntry/entryType">types d'entrées</a> à observer. La fonction de rappel de l'observateur de performances sera invoquée lorsqu'une <a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a> est enregistrée pour l'un des <code>entryTypes</code> spécifiés.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceObserver/disconnect"><code>PerformanceObserver.disconnect()</code></a></dt>
- <dd>Arrête l'observation des <a href="/fr/docs/Web/API/PerformanceEntry">entrées de performances</a>.</dd>
- <dt><a href="/fr/docs/Web/API/PerformanceObserver/takeRecords"><code>PerformanceObserver.takeRecords()</code></a> {{Experimental_Inline}}</dt>
- <dd>Renvoie la liste actuelle des <a href="/fr/docs/Web/API/PerformanceEntry">entrées de performances</a> stockées dans l'observateur de performance, en la vidant.</dd>
-</dl>
+- [`PerformanceObserver.observe()`](/fr/docs/Web/API/PerformanceObserver/observe)
+ - : Spécifie l'ensemble des [types d'entrées](/fr/docs/Web/API/PerformanceEntry/entryType) à observer. La fonction de rappel de l'observateur de performances sera invoquée lorsqu'une [entrée de performance](/fr/docs/Web/API/PerformanceEntry) est enregistrée pour l'un des `entryTypes` spécifiés.
+- [`PerformanceObserver.disconnect()`](/fr/docs/Web/API/PerformanceObserver/disconnect)
+ - : Arrête l'observation des [entrées de performances](/fr/docs/Web/API/PerformanceEntry).
+- [`PerformanceObserver.takeRecords()`](/fr/docs/Web/API/PerformanceObserver/takeRecords) {{Experimental_Inline}}
+ - : Renvoie la liste actuelle des [entrées de performances](/fr/docs/Web/API/PerformanceEntry) stockées dans l'observateur de performance, en la vidant.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush:js">function perf_observer(list, observer) {
+```js
+function perf_observer(list, observer) {
// Traiter l'événement "measure".
}
const observer2 = new PerformanceObserver(perf_observer);
-observer2.observe({entryTypes: ["measure"]});</pre>
+observer2.observe({entryTypes: ["measure"]});
+```
-<h2 id="Specifications">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('Performance Timeline Level 2', '#dom-performanceobserver', 'PerformanceObserver')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale de l'interface <code>PerformanceObserver</code>.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | --------------------------------------------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceobserver', 'PerformanceObserver')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de l'interface `PerformanceObserver`. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceObserver")}}</p>
+{{Compat("api.PerformanceObserver")}}
-<h2 id="See_also">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li><a href="/fr/docs/Web/API/MutationObserver"><code>MutationObserver</code></a></li>
- <li><a href="/fr/docs/Web/API/ResizeObserver"><code>ResizeObserver</code></a></li>
- <li><a href="/fr/docs/Web/API/IntersectionObserver"><code>IntersectionObserver</code></a></li>
-</ul>
+- [`MutationObserver`](/fr/docs/Web/API/MutationObserver)
+- [`ResizeObserver`](/fr/docs/Web/API/ResizeObserver)
+- [`IntersectionObserver`](/fr/docs/Web/API/IntersectionObserver)
diff --git a/files/fr/web/api/performanceobserver/observe/index.md b/files/fr/web/api/performanceobserver/observe/index.md
index b8fdf46703..e9409e8477 100644
--- a/files/fr/web/api/performanceobserver/observe/index.md
+++ b/files/fr/web/api/performanceobserver/observe/index.md
@@ -11,39 +11,38 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceObserver/observe
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La méthode <strong><code>observe()</code></strong> de l'interface <strong><a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a></strong> est utilisée pour spécifier l'ensemble des types d'entrée de performance à observer. Les types d'entrée de performance sont spécifiés sous la forme d'un tableau d'objets <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>, chacun nommant un type d'entrée ; les noms de type sont documentés sur la page <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>.</p>
+La méthode **`observe()`** de l'interface **[`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver)** est utilisée pour spécifier l'ensemble des types d'entrée de performance à observer. Les types d'entrée de performance sont spécifiés sous la forme d'un tableau d'objets [`DOMString`](/fr/docs/Web/API/DOMString), chacun nommant un type d'entrée ; les noms de type sont documentés sur la page [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType).
-<p>Lorsqu'une entrée de performance correspondante est enregistrée, la fonction de rappel de l'observateur de performance — définie lors de la création du <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> — est invoquée.</p>
+Lorsqu'une entrée de performance correspondante est enregistrée, la fonction de rappel de l'observateur de performance — définie lors de la création du [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) — est invoquée.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush:js"><var>observer</var>.observe(<var>options</var>);</pre>
+```js
+observer.observe(options);
+```
-<h3 id="Parameters">Paramètres</h3>
+### Paramètres
-<dl>
- <dt><code>options</code></dt>
- <dd>Un dictionnaire <code>PerformanceObserverInit</code> avec les membres possibles suivants :
- <ul>
- <li><code>entryTypes</code> : Un tableau d'objets <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>, chacun spécifiant un type d'entrée de performance à observer. Ne peut pas être utilisé avec les options « <code>type</code> » ou « <code>buffered</code> ».</li>
- <li><code>type</code> : Une <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> unique spécifiant exactement un type d'entrée de performance à observer. Ne peut pas être utilisé avec l'option <code>entryTypes</code>.</li>
- <li><code>buffered</code> : Un indicateur booléen pour indiquer si les entrées en mémoire tampon doivent être mises en file d'attente dans la mémoire tampon de l'observateur. Ne doit être utilisé qu'avec l'option « <code>type</code> ».</li>
- </ul>
- <div class="note">
- <p><strong>Note :</strong>Voir <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a> pour une liste des noms de types d'entrées de performance valides. Les types non reconnus sont ignorés, bien que le navigateur puisse afficher un message d'avertissement sur la console pour aider les développeurs à déboguer leur code. Si aucun type valide n'est trouvé, <code>observe()</code> n'a aucun effet.</p>
- </div>
- </dd>
-</dl>
+- `options`
-<h2 id="Example">Exemple</h2>
+ - : Un dictionnaire `PerformanceObserverInit` avec les membres possibles suivants :
-<p>Cet exemple crée et configure deux <code>PerformanceObservers</code> ; l'un surveille les événements <code>"mark"</code> et <code>"frame"</code>, et l'autre surveille les événements <code>"measure"</code>.</p>
+ - `entryTypes` : Un tableau d'objets [`DOMString`](/fr/docs/Web/API/DOMString), chacun spécifiant un type d'entrée de performance à observer. Ne peut pas être utilisé avec les options « `type` » ou « `buffered` ».
+ - `type` : Une [`DOMString`](/fr/docs/Web/API/DOMString) unique spécifiant exactement un type d'entrée de performance à observer. Ne peut pas être utilisé avec l'option `entryTypes`.
+ - `buffered` : Un indicateur booléen pour indiquer si les entrées en mémoire tampon doivent être mises en file d'attente dans la mémoire tampon de l'observateur. Ne doit être utilisé qu'avec l'option « `type` ».
-<pre class="brush: js">const observer = new PerformanceObserver(function(list, obj) {
+ > **Note :**Voir [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) pour une liste des noms de types d'entrées de performance valides. Les types non reconnus sont ignorés, bien que le navigateur puisse afficher un message d'avertissement sur la console pour aider les développeurs à déboguer leur code. Si aucun type valide n'est trouvé, `observe()` n'a aucun effet.
+
+## Exemple
+
+Cet exemple crée et configure deux `PerformanceObservers` ; l'un surveille les événements `"mark"` et `"frame"`, et l'autre surveille les événements `"measure"`.
+
+```js
+const observer = new PerformanceObserver(function(list, obj) {
let entries = list.getEntries();
- for (let i = 0; i &lt; entries.length; i++) {
+ for (let i = 0; i < entries.length; i++) {
// Traiter les événements "mark" et "famse"
}
});
@@ -54,28 +53,15 @@ function perf_observer(list, observer) {
}
const observer2 = new PerformanceObserver(perf_observer);
observer2.observe({entryTypes: ["measure"]});
-</pre>
-
-<h2 id="Specifications">Spécifications</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('Performance Timeline Level 2', '#dom-performanceobserver-observe',
- 'observe()')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale de la méthode <code>observe()</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.PerformanceObserver.observe")}}</p>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | ---------------------------------------------- |
+| {{SpecName('Performance Timeline Level 2', '#dom-performanceobserver-observe',
+ 'observe()')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de la méthode `observe()`. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.PerformanceObserver.observe")}}
diff --git a/files/fr/web/api/performanceobserver/performanceobserver/index.md b/files/fr/web/api/performanceobserver/performanceobserver/index.md
index 41ffd9d82b..41b331adf8 100644
--- a/files/fr/web/api/performanceobserver/performanceobserver/index.md
+++ b/files/fr/web/api/performanceobserver/performanceobserver/index.md
@@ -10,30 +10,31 @@ tags:
- Performance Web
translation_of: Web/API/PerformanceObserver/PerformanceObserver
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>Le constructeur <strong><code>PerformanceObserver()</code></strong> crée un nouvel objet <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> avec le <code>callback</code> d'observation donné. La fonction de rappel de l'observateur est invoquée lorsque des <a href="/fr/docs/Web/API/PerformanceEntry">événements d'entrée de performance</a> sont répertoriés pour les <a href="/fr/docs/Web/API/PerformanceEntry/entryType">types d'entrées</a> qui ont été enregistrés, via la méthode <a href="/fr/docs/Web/API/PerformanceObserver/observe"><code>observe()</code></a>.</p>
+Le constructeur **`PerformanceObserver()`** crée un nouvel objet [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) avec le `callback` d'observation donné. La fonction de rappel de l'observateur est invoquée lorsque des [événements d'entrée de performance](/fr/docs/Web/API/PerformanceEntry) sont répertoriés pour les [types d'entrées](/fr/docs/Web/API/PerformanceEntry/entryType) qui ont été enregistrés, via la méthode [`observe()`](/fr/docs/Web/API/PerformanceObserver/observe).
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush:js">const <var>observer</var> = new PerformanceObserver(<var>callback</var>);</pre>
+```js
+const observer = new PerformanceObserver(callback);
+```
-<h3 id="Parameters">Paramètres</h3>
+### Paramètres
-<dl>
- <dt><code>callback</code></dt>
- <dd>Une fonction de rappel qui sera invoquée lorsque des événements de performance <em>observés</em> sont enregistrés. Lorsque la fonction de rappel est invoquée, son premier paramètre est une <a href="/fr/docs/Web/API/PerformanceObserverEntryList">liste des entrées de l'observateur de performance</a> et le second paramètre est l'objet <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> courant.</dd>
-</dl>
+- `callback`
+ - : Une fonction de rappel qui sera invoquée lorsque des événements de performance _observés_ sont enregistrés. Lorsque la fonction de rappel est invoquée, son premier paramètre est une [liste des entrées de l'observateur de performance](/fr/docs/Web/API/PerformanceObserverEntryList) et le second paramètre est l'objet [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) courant.
-<h3 id="Return_value">Valeur de retour</h3>
+### Valeur de retour
-<p>Un nouvel objet <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code></a> qui appellera le <code>callback</code> spécifiée lorsque des événements de performance observés se produisent.</p>
+Un nouvel objet [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) qui appellera le `callback` spécifiée lorsque des événements de performance observés se produisent.
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">const observer = new PerformanceObserver(function(list, obj) {
+```js
+const observer = new PerformanceObserver(function(list, obj) {
let entries = list.getEntries();
- for (let i = 0; i &lt; entries.length; i++) {
+ for (let i = 0; i < entries.length; i++) {
// Traiter les événements "mark" et "frame"
}
});
@@ -44,28 +45,15 @@ function perf_observer(list, observer) {
}
const observer2 = new PerformanceObserver(perf_observer);
observer2.observe({entryTypes: ["measure"]});
-</pre>
+```
-<h2 id="Specifications">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('Performance Timeline Level 2',
- '#idl-def-performanceobservercallback', 'PerformanceObserver()')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale du constructeur <code>PerformanceObserver()</code>.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | ------------------------------------------------------------ |
+| {{SpecName('Performance Timeline Level 2',
+ '#idl-def-performanceobservercallback', 'PerformanceObserver()')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale du constructeur `PerformanceObserver()`. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceObserver.PerformanceObserver")}}</p>
+{{Compat("api.PerformanceObserver.PerformanceObserver")}}
diff --git a/files/fr/web/api/performanceobserver/takerecords/index.md b/files/fr/web/api/performanceobserver/takerecords/index.md
index 3d7dba65c9..76437f10e7 100644
--- a/files/fr/web/api/performanceobserver/takerecords/index.md
+++ b/files/fr/web/api/performanceobserver/takerecords/index.md
@@ -2,37 +2,40 @@
title: PerformanceObserver.takeRecords()
slug: Web/API/PerformanceObserver/takeRecords
tags:
-- API
-- Method
-- Méthode
-- Performance Observer API
-- PerformanceObserver
-- Reference
-- observers
-- takeRecords()
+ - API
+ - Method
+ - Méthode
+ - Performance Observer API
+ - PerformanceObserver
+ - Reference
+ - observers
+ - takeRecords()
translation_of: Web/API/PerformanceObserver/disconnect
---
-<div>{{APIRef("Performance Timeline API")}}</div>
+{{APIRef("Performance Timeline API")}}
-<p>La méthode <strong><code>takeRecords()</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceObserver"><code>PerformanceObserver</code> renvoie la liste actuelle des <a href="/fr/docs/Web/API/PerformanceEntry">entrées de performance</a> stockées dans l'observateur de performance, en la vidant.</p>
+La méthode **`takeRecords()`** de l'interface [`PerformanceObserver` renvoie la liste actuelle des ](/fr/docs/Web/API/PerformanceObserver)[entrées de performance](/fr/docs/Web/API/PerformanceEntry) stockées dans l'observateur de performance, en la vidant.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="brush: js">let <var>performanceEntryList<var> = <var>performanceObserver</var>.takeRecords();</pre>
+```js
+let performanceEntryList = performanceObserver.takeRecords();
+```
-<h3 id="Parameters">Paramètres</h3>
+### Paramètres
-<p>Aucun.</p>
+Aucun.
-<h3 id="Return_value">Valeur de retour</h3>
+### Valeur de retour
-<p>Une liste d'objets <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a>.</p>
+Une liste d'objets [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry).
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">const observer = new PerformanceObserver(function(list, obj) {
+```js
+const observer = new PerformanceObserver(function(list, obj) {
let entries = list.getEntries();
- for (let i= 0; i &lt; entries.length; i++) {
+ for (let i= 0; i < entries.length; i++) {
// Traiter les événements "mark" et "frame"
}
});
@@ -41,28 +44,15 @@ let records = observer.takeRecords();
console.log(records[0].name);
console.log(records[0].startTime);
console.log(records[0].duration);
-</pre>
+```
-<h2 id="Specifications">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('Performance Timeline Level 2',
- '#dom-performanceobserver-takerecords', 'takeRecords()')}}</td>
- <td>{{Spec2('Performance Timeline Level 2')}}</td>
- <td>Définition initiale de la méthode <code>takeRecords()</code>.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------------------------------------- |
+| {{SpecName('Performance Timeline Level 2',
+ '#dom-performanceobserver-takerecords', 'takeRecords()')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de la méthode `takeRecords()`. |
-<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.PerformanceObserver.takeRecords")}}</p>
+{{Compat("api.PerformanceObserver.takeRecords")}}