diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/performanceentry | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/performanceentry')
-rw-r--r-- | files/fr/web/api/performanceentry/duration/index.md | 108 | ||||
-rw-r--r-- | files/fr/web/api/performanceentry/entrytype/index.md | 158 | ||||
-rw-r--r-- | files/fr/web/api/performanceentry/index.md | 150 | ||||
-rw-r--r-- | files/fr/web/api/performanceentry/name/index.md | 145 | ||||
-rw-r--r-- | files/fr/web/api/performanceentry/starttime/index.md | 96 | ||||
-rw-r--r-- | files/fr/web/api/performanceentry/tojson/index.md | 75 |
6 files changed, 259 insertions, 473 deletions
diff --git a/files/fr/web/api/performanceentry/duration/index.md b/files/fr/web/api/performanceentry/duration/index.md index 8fa0aa4edf..8a306ebe80 100644 --- a/files/fr/web/api/performanceentry/duration/index.md +++ b/files/fr/web/api/performanceentry/duration/index.md @@ -10,41 +10,40 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry/duration --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p>La propriété <strong><code>duration</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui correspond à la durée de l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>.</p> +La propriété **`duration`** renvoie un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui correspond à la durée de l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry). -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p>La valeur retournée par cette propriété dépend du <a href="/fr/docs/Web/API/PerformanceEntry/entryType">type</a> de l'entrée de performance :</p> +La valeur retournée par cette propriété dépend du [type](/fr/docs/Web/API/PerformanceEntry/entryType) de l'entrée de performance : -<ul> - <li>« <code>frame</code> » - retourne un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> indiquant la différence entre le <code>startTime</code> de deux <i>frames</i> successives.</li> - <li>« <code>mark</code> » - retourne "<code>0</code>" (une marque n'a pas de durée).</li> - <li>« <code>measure</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui correspond à la durée de la mesure.</li> - <li>« <code>navigation</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> qui est respectivement la différence entre les propriétés <a href="/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd"><code>PerformanceNavigationTiming.loadEventEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a>.</li> - <li>« <code>resource</code> » - renvoie la différence entre les deux <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamps</code></a> <a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>responseEnd</code></a> (le moment de la fin de la réponse) de la ressource et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>startTime</code></a> (le point de départ).</li> -</ul> +- « `frame` » - retourne un [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) indiquant la différence entre le `startTime` de deux _frames_ successives. +- « `mark` » - retourne "`0`" (une marque n'a pas de durée). +- « `measure` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui correspond à la durée de la mesure. +- « `navigation` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) qui est respectivement la différence entre les propriétés [`PerformanceNavigationTiming.loadEventEnd`](/fr/docs/Web/API/PerformanceNavigationTiming/loadEventEnd) et [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime). +- « `resource` » - renvoie la différence entre les deux [`timestamps`](/fr/docs/Web/API/DOMHighResTimeStamp) [`responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) (le moment de la fin de la réponse) de la ressource et [`startTime`](/fr/docs/Web/API/PerformanceEntry/startTime) (le point de départ). -<p>Cette propriété est en {{readonlyInline}}.</p> +Cette propriété est en {{readonlyInline}}. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="brush:js"><em>entry</em>.duration;</pre> +```js +entry.duration; +``` -<h3 id="Return_Value">Valeur de retour</h3> +### Valeur de retour -<p>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la durée de l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>. Si le concept de durée ne s'applique pas à une mesure de performance particulière, le navigateur peut choisir de renvoyer une durée de 0.</p> +Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant la durée de l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry). Si le concept de durée ne s'applique pas à une mesure de performance particulière, le navigateur peut choisir de renvoyer une durée de 0. -<div class="notecard note"> - <p><strong>Note :</strong> si l'entrée de performance a un <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>entryType</code></a> "<code>resource</code>" (c'est-à-dire que l'entrée est un objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>), cette propriété renvoie la différence entre les <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamps</code></a> <a href="/fr/docs/Web/API/PerformanceResourceTiming/responseEnd"><code>PerformanceEntry.responseEnd</code></a> et <a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a>.</p> -</div> +> **Note :** si l'entrée de performance a un [`entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) "`resource`" (c'est-à-dire que l'entrée est un objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming)), cette propriété renvoie la différence entre les [`timestamps`](/fr/docs/Web/API/DOMHighResTimeStamp) [`PerformanceEntry.responseEnd`](/fr/docs/Web/API/PerformanceResourceTiming/responseEnd) et [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime). -<h2 id="Example">Exemple</h2> +## Exemple -<p>L'exemple suivant montre l'utilisation de la propriété <code>duration</code>.</p> +L'exemple suivant montre l'utilisation de la propriété `duration`. -<pre class="brush:js">function run_PerformanceEntry() { +```js +function run_PerformanceEntry() { console.log("Support de PerformanceEntry ..."); if (performance.mark === undefined) { @@ -58,63 +57,46 @@ translation_of: Web/API/PerformanceEntry/duration performance.mark("End"); // Utilise getEntries() pour itérer à travers chaque entrée. - let <var>p</var> = performance.getEntries(); - for (let <var>i</var>=0; i < p.length; i++) { + let p = performance.getEntries(); + for (let i=0; i < p.length; i++) { console.log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } } -function check_PerformanceEntry(<var>obj</var>) { - let <var>properties</var> = ["name", "entryType", "startTime", "duration"]; - let <var>methods</var> = ["toJSON"]; +function check_PerformanceEntry(obj) { + let properties = ["name", "entryType", "startTime", "duration"]; + let methods = ["toJSON"]; - for (let <var>i</var>=0; i < properties.length; i++) { + for (let i=0; i < properties.length; i++) { // check each property - let <var>supported</var> = properties[i] in obj; + let supported = properties[i] in obj; if (supported) console.log("..." + properties[i] + " = " + obj[properties[i]]); else console.log("..." + properties[i] + " = N'est pas pris en charge"); } - for (let <var>i</var>=0; i < methods.length; i++) { + for (let i=0; i < methods.length; i++) { // check each method - let <var>supported</var> = typeof obj[methods[i]] == "function"; + let supported = typeof obj[methods[i]] == "function"; if (supported) { - let <var>js</var> = obj[methods[i]](); + let js = obj[methods[i]](); console.log("..." + methods[i] + "() = " + JSON.stringify(js)); } else { console.log("..." + methods[i] + " = N'est pas pris en charge"); } } } -</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-performanceentry-duration', - 'duration')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performanceentry-duration', - 'duration')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry.duration")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-duration', + 'duration')}} | {{Spec2('Performance Timeline Level 2')}} | | +| {{SpecName('Performance Timeline', '#dom-performanceentry-duration', + 'duration')}} | {{Spec2('Performance Timeline')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry.duration")}} diff --git a/files/fr/web/api/performanceentry/entrytype/index.md b/files/fr/web/api/performanceentry/entrytype/index.md index 63ed9dc6c7..8b8f812f3d 100644 --- a/files/fr/web/api/performanceentry/entrytype/index.md +++ b/files/fr/web/api/performanceentry/entrytype/index.md @@ -11,83 +11,40 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry/entryType --- -<div>{{APIRef("Performance Timeline API")}}</div> - -<p>La propriété <strong><code>entryType</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> représentant le type de mesure de performance tel que, par exemple, « <code>mark</code> ». Cette propriété est en lecture seule.</p> - -<p>{{AvailableInWorkers}}</p> - -<h2 id="Syntax">Syntaxe</h2> - -<pre class="brush:js">var <var>type</var> = <var>entry</var>.entryType;</pre> - -<h3 id="Return_Value">Valeur de retour</h3> - -<p>La valeur de retour dépend du sous-type de l'objet <code>PerformanceEntry</code> et affecte la valeur de la propriété <a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> comme le montre le tableau ci-dessous.</p> - -<h3 id="Performance_entry_type_names">Noms des types d'entrée de performance</h3> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Valeur</th> - <th scope="col">Sous-type</th> - <th scope="col">Type de propriété pour le nom</th> - <th scope="col">Description de la valeur du nom.</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>element</code></td> - <td><a href="/fr/docs/Web/API/PerformanceElementTiming"><code>PerformanceElementTiming</code></a></td> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td>Rapporte le temps de chargement des éléments.</td> - </tr> - <tr> - <td><code>frame</code>, <code>navigation</code></td> - <td><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a>, - <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></td> - <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td> - <td>L'adresse du document.</td> - </tr> - <tr> - <td><code>resource</code></td> - <td><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></td> - <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td> - <td>L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée.</td> - </tr> - <tr> - <td><code>mark</code></td> - <td><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></td> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td>Le nom utilisé lorsque la marque a été créée en appelant <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>.</td> - </tr> - <tr> - <td><code>measure</code></td> - <td><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></td> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td>Le nom utilisé lorsque la mesure a été créée en appelant <a href="/fr/docs/Web/API/Performance/measure"><code>measure()</code></a>.</td> - </tr> - <tr> - <td><code>paint</code></td> - <td><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></td> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td>Soit <code>'first-paint'</code> ou <code>'first-contentful-paint'</code>.</td> - </tr> - <tr> - <td><code>longtask</code></td> - <td><a href="/fr/docs/Web/API/PerformanceLongTaskTiming"><code>PerformanceLongTaskTiming</code></a></td> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td>Signale les cas de tâches longues.</td> - </tr> - </tbody> -</table> - -<h2 id="Example">Exemple</h2> - -<p>L'exemple suivant montre l'utilisation de la propriété <code>entryType</code>.</p> - -<pre class="brush: js">function run_PerformanceEntry() { +{{APIRef("Performance Timeline API")}} + +La propriété **`entryType`** renvoie un [`DOMString`](/fr/docs/Web/API/DOMString) représentant le type de mesure de performance tel que, par exemple, « `mark` ». Cette propriété est en lecture seule. + +{{AvailableInWorkers}} + +## Syntaxe + +```js +var type = entry.entryType; +``` + +### Valeur de retour + +La valeur de retour dépend du sous-type de l'objet `PerformanceEntry` et affecte la valeur de la propriété [`PerformanceEntry.name`](/fr/docs/Web/API/PerformanceEntry/name) comme le montre le tableau ci-dessous. + +### Noms des types d'entrée de performance + +| Valeur | Sous-type | Type de propriété pour le nom | Description de la valeur du nom. | +| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------- | +| `element` | [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Rapporte le temps de chargement des éléments. | +| `frame`, `navigation` | [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming), [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) | [`URL`](/fr/docs/Web/API/URL) | L'adresse du document. | +| `resource` | [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) | [`URL`](/fr/docs/Web/API/URL) | L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée. | +| `mark` | [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) | [`DOMString`](/fr/docs/Web/API/DOMString) | Le nom utilisé lorsque la marque a été créée en appelant [`mark()`](/fr/docs/Web/API/Performance/mark). | +| `measure` | [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) | [`DOMString`](/fr/docs/Web/API/DOMString) | Le nom utilisé lorsque la mesure a été créée en appelant [`measure()`](/fr/docs/Web/API/Performance/measure). | +| `paint` | [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Soit `'first-paint'` ou `'first-contentful-paint'`. | +| `longtask` | [`PerformanceLongTaskTiming`](/fr/docs/Web/API/PerformanceLongTaskTiming) | [`DOMString`](/fr/docs/Web/API/DOMString) | Signale les cas de tâches longues. | + +## Exemple + +L'exemple suivant montre l'utilisation de la propriété `entryType`. + +```js +function run_PerformanceEntry() { // Vérifie le support des fonctionnalités avant de continuer if (performance.mark === undefined) { @@ -100,39 +57,22 @@ translation_of: Web/API/PerformanceEntry/entryType // Vérifie le type d'entrée de toutes les entrées "begin". let entriesNamedBegin = performance.getEntriesByName("begin"); - for (let i=0; i < entriesNamedBegin.length; i++) { + for (let i=0; i < entriesNamedBegin.length; i++) { let typeOfEntry = entriesNamedBegin[i].entryType; console.log("L'entrée est de type : " + typeOfEntry); } } -</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-performanceentry-entrytype', - 'entryType')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performanceentry-entrytype', - 'entryType')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry.entryType")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-entrytype', + 'entryType')}} | {{Spec2('Performance Timeline Level 2')}} | | +| {{SpecName('Performance Timeline', '#dom-performanceentry-entrytype', + 'entryType')}} | {{Spec2('Performance Timeline')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry.entryType")}} diff --git a/files/fr/web/api/performanceentry/index.md b/files/fr/web/api/performanceentry/index.md index 32e388a73b..9a9a38ca32 100644 --- a/files/fr/web/api/performanceentry/index.md +++ b/files/fr/web/api/performanceentry/index.md @@ -10,51 +10,46 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p>L'objet <strong><code>PerformanceEntry</code></strong> encapsule une seule mesure de performance qui fait partie de la <em>chronologie de performance</em>. Une <em>entrée de performance</em> peut être créée directement en faisant <em><a href="/fr/docs/Web/API/PerformanceMark">une marque</a></em> ou <em><a href="/fr/docs/Web/API/PerformanceMeasure">une mesure</a></em> (par exemple en appelant la méthode <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>) à un point explicite d'une application. Les entrées de performance sont également créées de manière indirecte, par exemple en chargeant une ressource (telle qu'une image).</p> +L'objet **`PerformanceEntry`** encapsule une seule mesure de performance qui fait partie de la _chronologie de performance_. Une _entrée de performance_ peut être créée directement en faisant _[une marque](/fr/docs/Web/API/PerformanceMark)_ ou _[une mesure](/fr/docs/Web/API/PerformanceMeasure)_ (par exemple en appelant la méthode [`mark()`](/fr/docs/Web/API/Performance/mark)) à un point explicite d'une application. Les entrées de performance sont également créées de manière indirecte, par exemple en chargeant une ressource (telle qu'une image). -<p>Les instances <code>PerformanceEntry</code> auront toujours l'un des sous-types suivants :</p> +Les instances `PerformanceEntry` auront toujours l'un des sous-types suivants : -<ul> - <li><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></li> - <li><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></li> - <li><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a></li> - <li><a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></li> - <li><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></li> - <li><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></li> -</ul> +- [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) +- [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) +- [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming) +- [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) +- [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) +- [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming) -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Properties">Propriétés</h2> +## Propriétés -<dl> - <dt><a href="/fr/docs/Web/API/PerformanceEntry/name"><code>PerformanceEntry.name</code></a> {{readonlyInline}}</dt> - <dd>Une valeur qui précise davantage la valeur renvoyée par la propriété <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>. La valeur des deux dépend du sous-type. Voir la page de la propriété pour les valeurs valides.</dd> - <dt><a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a> {{readonlyInline}}</dt> - <dd>Une chaîne de caractère <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> représentant le type de mesure de performance comme, par exemple, "<code>mark</code>". Voir la page des propriétés pour les valeurs valides.</dd> - <dt><a href="/fr/docs/Web/API/PerformanceEntry/startTime"><code>PerformanceEntry.startTime</code></a> {{readonlyInline}}</dt> - <dd>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant l'heure de départ de la mesure de performance.</dd> - <dt><a href="/fr/docs/Web/API/PerformanceEntry/duration"><code>PerformanceEntry.duration</code></a> {{readonlyInline}}</dt> - <dd>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant la valeur temporelle de la durée de l'événement de performance.</dd> -</dl> +- [`PerformanceEntry.name`](/fr/docs/Web/API/PerformanceEntry/name) {{readonlyInline}} + - : Une valeur qui précise davantage la valeur renvoyée par la propriété [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType). La valeur des deux dépend du sous-type. Voir la page de la propriété pour les valeurs valides. +- [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) {{readonlyInline}} + - : Une chaîne de caractère [`DOMString`](/fr/docs/Web/API/DOMString) représentant le type de mesure de performance comme, par exemple, "`mark`". Voir la page des propriétés pour les valeurs valides. +- [`PerformanceEntry.startTime`](/fr/docs/Web/API/PerformanceEntry/startTime) {{readonlyInline}} + - : Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant l'heure de départ de la mesure de performance. +- [`PerformanceEntry.duration`](/fr/docs/Web/API/PerformanceEntry/duration) {{readonlyInline}} + - : Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant la valeur temporelle de la durée de l'événement de performance. -<h2 id="Methods">Méthodes</h2> +## Méthodes -<dl> - <dt><a href="/fr/docs/Web/API/PerformanceEntry/toJSON"><code>PerformanceEntry.toJSON()</code></a></dt> - <dd>Renvoie une représentation JSON de l'objet <code>PerformanceEntry</code>.</dd> -</dl> +- [`PerformanceEntry.toJSON()`](/fr/docs/Web/API/PerformanceEntry/toJSON) + - : Renvoie une représentation JSON de l'objet `PerformanceEntry`. -<h2 id="Example">Exemple</h2> +## Exemple -<p>L'exemple suivant vérifie toutes les propriétés <code>PerformanceEntry</code> pour voir si le navigateur les prend en charge et, le cas échéant, écrit leurs valeurs dans la console.</p> +L'exemple suivant vérifie toutes les propriétés `PerformanceEntry` pour voir si le navigateur les prend en charge et, le cas échéant, écrit leurs valeurs dans la console. -<pre class="brush:js">function print_PerformanceEntries() { +```js +function print_PerformanceEntries() { // Utilise getEntries() pour obtenir une liste de toutes les entrées de performance. let p = performance.getEntries(); - for (let i = 0; i < p.length; i++) { + for (let i = 0; i < p.length; i++) { console.log("PerformanceEntry[" + i + "]"); print_PerformanceEntry(p[i]); } @@ -65,7 +60,7 @@ function print_PerformanceEntry(perfEntry) { "startTime", "duration"]; - for (let i = 0; i < properties.length; i++) { + for (let i = 0; i < properties.length; i++) { // Vérifie chaque propriété let supported = properties[i] in perfEntry; if (supported) { @@ -76,72 +71,23 @@ function print_PerformanceEntry(perfEntry) { } } } -</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('Resource Timing 3')}}</td> - <td>{{Spec2('Resource Timing 3')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Resource Timing 2')}}</td> - <td>{{Spec2('Resource Timing 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Resource Timing')}}</td> - <td>{{Spec2('Resource Timing')}}</td> - <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a> et la valeur <code>resource</code> pour <code>entryType</code>.</td> - </tr> - <tr> - <td>{{SpecName('Navigation Timing Level 2')}}</td> - <td>{{Spec2('Navigation Timing Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Navigation Timing')}}</td> - <td>{{Spec2('Navigation Timing')}}</td> - <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a> et la valeur <code>navigation</code> pour <code>entryType</code>.</td> - </tr> - <tr> - <td>{{SpecName('User Timing Level 2')}}</td> - <td>{{Spec2('User Timing Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('User Timing')}}</td> - <td>{{Spec2('User Timing')}}</td> - <td>Ajoute les interfaces <a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a> et <a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a> ainsi que les valeurs <code>mark</code> et <code>measure</code> pour <code>entryType</code>.</td> - </tr> - <tr> - <td>{{SpecName('Frame Timing')}}</td> - <td>{{Spec2('Frame Timing')}}</td> - <td>Ajoute l'interface <a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a> et la valeur <code>frame</code> pour <code>entryType</code>.</td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline Level 2', '#dom-performanceentry', 'PerformanceEntry')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td>Ajout de la méthode de sérialisation <code>toJSON()</code>.</td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performanceentry', 'PerformanceEntry')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | +| {{SpecName('Resource Timing 3')}} | {{Spec2('Resource Timing 3')}} | | +| {{SpecName('Resource Timing 2')}} | {{Spec2('Resource Timing 2')}} | | +| {{SpecName('Resource Timing')}} | {{Spec2('Resource Timing')}} | Ajoute l'interface [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) et la valeur `resource` pour `entryType`. | +| {{SpecName('Navigation Timing Level 2')}} | {{Spec2('Navigation Timing Level 2')}} | | +| {{SpecName('Navigation Timing')}} | {{Spec2('Navigation Timing')}} | Ajoute l'interface [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) et la valeur `navigation` pour `entryType`. | +| {{SpecName('User Timing Level 2')}} | {{Spec2('User Timing Level 2')}} | | +| {{SpecName('User Timing')}} | {{Spec2('User Timing')}} | Ajoute les interfaces [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) et [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) ainsi que les valeurs `mark` et `measure` pour `entryType`. | +| {{SpecName('Frame Timing')}} | {{Spec2('Frame Timing')}} | Ajoute l'interface [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming) et la valeur `frame` pour `entryType`. | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry', 'PerformanceEntry')}} | {{Spec2('Performance Timeline Level 2')}} | Ajout de la méthode de sérialisation `toJSON()`. | +| {{SpecName('Performance Timeline', '#dom-performanceentry', 'PerformanceEntry')}} | {{Spec2('Performance Timeline')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry")}} diff --git a/files/fr/web/api/performanceentry/name/index.md b/files/fr/web/api/performanceentry/name/index.md index 6e8c05fe4e..9bc2ee9e97 100644 --- a/files/fr/web/api/performanceentry/name/index.md +++ b/files/fr/web/api/performanceentry/name/index.md @@ -11,70 +11,36 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry/name --- -<div>{{APIRef("Performance Timeline API")}}</div> - -<p>La propriété <strong><code>name</code></strong> de l'interface <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> renvoie une valeur qui précise davantage la valeur renvoyée par la propriété <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>. Cette propriété est en lecture seule.</p> - -<p>{{AvailableInWorkers}}</p> - -<h2 id="Syntax">Syntaxe</h2> - -<pre class="brush: js">var <var>name</var> = <var>entry</var>.name; -</pre> - -<h3 id="Return_Value">Valeur de retour</h3> - -<p>La valeur de retour dépend du sous-type de l'objet <code>PerformanceEntry</code> et de la valeur de <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>PerformanceEntry.entryType</code></a>, comme le montre le tableau ci-dessous.</p> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Type de valeur pour <code>name</code></th> - <th scope="col">Sous-type</th> - <th scope="col">Type (<code>entryType</code>)</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td> - <td><a href="/fr/docs/Web/API/PerformanceFrameTiming"><code>PerformanceFrameTiming</code></a>, - <a href="/fr/docs/Web/API/PerformanceNavigationTiming"><code>PerformanceNavigationTiming</code></a></td> - <td><code>frame</code>, <code>navigation</code></td> - <td>L'adresse du document.</td> - </tr> - <tr> - <td><a href="/fr/docs/Web/API/URL"><code>URL</code></a></td> - <td><a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a></td> - <td><code>resource</code></td> - <td>L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée.</td> - </tr> - <tr> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td><a href="/fr/docs/Web/API/PerformanceMark"><code>PerformanceMark</code></a></td> - <td><code>mark</code></td> - <td>Le nom utilisé lorsque le marqueur a été créé en appelant <a href="/fr/docs/Web/API/Performance/mark"><code>mark()</code></a>.</td> - </tr> - <tr> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td><a href="/fr/docs/Web/API/PerformanceMeasure"><code>PerformanceMeasure</code></a></td> - <td><code>measure</code></td> - <td>Le nom utilisé lorsque la mesure a été créée en appelant <a href="/fr/docs/Web/API/Performance/measure"><code>measure()</code></a>.</td> - </tr> - <tr> - <td><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></td> - <td><a href="/fr/docs/Web/API/PerformancePaintTiming"><code>PerformancePaintTiming</code></a></td> - <td><code>paint</code></td> - <td>Soit <code>'first-paint'</code> ou <code>'first-contentful-paint'</code>.</td> - </tr> - </tbody> -</table> - -<h2 id="Example">Exemple</h2> - -<p>L'exemple suivant montre l'utilisation de la propriété <code>name</code>.</p> - -<pre class="brush: js">function run_PerformanceEntry() { +{{APIRef("Performance Timeline API")}} + +La propriété **`name`** de l'interface [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) renvoie une valeur qui précise davantage la valeur renvoyée par la propriété [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType). Cette propriété est en lecture seule. + +{{AvailableInWorkers}} + +## Syntaxe + +```js +var name = entry.name; +``` + +### Valeur de retour + +La valeur de retour dépend du sous-type de l'objet `PerformanceEntry` et de la valeur de [`PerformanceEntry.entryType`](/fr/docs/Web/API/PerformanceEntry/entryType), comme le montre le tableau ci-dessous. + +| Type de valeur pour `name` | Sous-type | Type (`entryType`) | Description | +| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------- | +| [`URL`](/fr/docs/Web/API/URL) | [`PerformanceFrameTiming`](/fr/docs/Web/API/PerformanceFrameTiming), [`PerformanceNavigationTiming`](/fr/docs/Web/API/PerformanceNavigationTiming) | `frame`, `navigation` | L'adresse du document. | +| [`URL`](/fr/docs/Web/API/URL) | [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming) | `resource` | L'URL résolue de la ressource demandée. Cette valeur ne change pas même si la demande est redirigée. | +| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformanceMark`](/fr/docs/Web/API/PerformanceMark) | `mark` | Le nom utilisé lorsque le marqueur a été créé en appelant [`mark()`](/fr/docs/Web/API/Performance/mark). | +| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformanceMeasure`](/fr/docs/Web/API/PerformanceMeasure) | `measure` | Le nom utilisé lorsque la mesure a été créée en appelant [`measure()`](/fr/docs/Web/API/Performance/measure). | +| [`DOMString`](/fr/docs/Web/API/DOMString) | [`PerformancePaintTiming`](/fr/docs/Web/API/PerformancePaintTiming) | `paint` | Soit `'first-paint'` ou `'first-contentful-paint'`. | + +## Exemple + +L'exemple suivant montre l'utilisation de la propriété `name`. + +```js +function run_PerformanceEntry() { console.log("Support de PerformanceEntry ..."); if (performance.mark === undefined) { @@ -89,7 +55,7 @@ translation_of: Web/API/PerformanceEntry/name // Utilise getEntries() pour itérer à travers chaque entrée. let p = performance.getEntries(); - for (let i = 0; i < p.length; i++) { + for (let i = 0; i < p.length; i++) { console.log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } @@ -98,7 +64,7 @@ function check_PerformanceEntry(obj) { let properties = ["name", "entryType", "startTime", "duration"]; let methods = ["toJSON"]; - for (let i = 0; i < properties.length; i++) { + for (let i = 0; i < properties.length; i++) { // Vérifie chaque propriété let supported = properties[i] in obj; if (supported) @@ -106,7 +72,7 @@ function check_PerformanceEntry(obj) { else console.log("..." + properties[i] + " = Not supported"); } - for (let i = 0; i < methods.length; i++) { + for (let i = 0; i < methods.length; i++) { // Vérifie chaque méthode let supported = typeof obj[methods[i]] == "function"; if (supported) { @@ -117,34 +83,17 @@ function check_PerformanceEntry(obj) { } } } -</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-performanceentry-name', - 'name')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performanceentry-name', - 'name')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry.name")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-name', + 'name')}} | {{Spec2('Performance Timeline Level 2')}} | | +| {{SpecName('Performance Timeline', '#dom-performanceentry-name', + 'name')}} | {{Spec2('Performance Timeline')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry.name")}} diff --git a/files/fr/web/api/performanceentry/starttime/index.md b/files/fr/web/api/performanceentry/starttime/index.md index e8f625d52f..e6adbf8a54 100644 --- a/files/fr/web/api/performanceentry/starttime/index.md +++ b/files/fr/web/api/performanceentry/starttime/index.md @@ -11,42 +11,41 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry/startTime --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p>La propriété <strong><code>startTime</code></strong> renvoie le premier <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> enregistré pour l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a>.</p> +La propriété **`startTime`** renvoie le premier [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) enregistré pour l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry). -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<p>La valeur renvoyée par cette propriété dépend du <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>type</code></a> de l'entrée de performance :</p> +La valeur renvoyée par cette propriété dépend du [`type`](/fr/docs/Web/API/PerformanceEntry/entryType) de l'entrée de performance : -<ul> - <li>« <code>frame</code> » - retourne le - <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> quand l'affichage a été démarré.</li> - <li>« <code>mark</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> lorsque le marquage a été créé par un appel de <a href="/fr/docs/Web/API/Performance/mark"><code>performance.mark()</code></a>.</li> - <li>« <code>measure</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> lorsque la mesure a été créée par un appel à <a href="/fr/docs/Web/API/Performance/measure"><code>performance.measure()</code></a>.</li> - <li>« <code>navigation</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> avec une valeur de "<code>0</code>".</li> - <li>« <code>resource</code> » - retourne le <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> immédiatement avant que le navigateur ne <a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart">commence à récupérer la ressource</a>.</li> -</ul> +- « `frame` » - retourne le + [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) quand l'affichage a été démarré. +- « `mark` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) lorsque le marquage a été créé par un appel de [`performance.mark()`](/fr/docs/Web/API/Performance/mark). +- « `measure` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) lorsque la mesure a été créée par un appel à [`performance.measure()`](/fr/docs/Web/API/Performance/measure). +- « `navigation` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) avec une valeur de "`0`". +- « `resource` » - retourne le [`timestamp`](/fr/docs/Web/API/DOMHighResTimeStamp) immédiatement avant que le navigateur ne [commence à récupérer la ressource](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart). -<p>Cette propriété est en lecture seule.</p> +Cette propriété est en lecture seule. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="brush:js">entry.startTime;</pre> +```js +entry.startTime; +``` -<h3 id="Return_Value">Valeur de retour</h3> +### Valeur de retour -<p>Un objet <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>DOMHighResTimeStamp</code></a> représentant le premier horodatage lorsque l'<a href="/fr/docs/Web/API/PerformanceEntry">entrée de performance</a> a été créée.</p> +Un objet [`DOMHighResTimeStamp`](/fr/docs/Web/API/DOMHighResTimeStamp) représentant le premier horodatage lorsque l'[entrée de performance](/fr/docs/Web/API/PerformanceEntry) a été créée. -<div class="notecard note"> - <p><strong>Note :</strong> Si l'entrée de performance a un <a href="/fr/docs/Web/API/PerformanceEntry/entryType"><code>entryType</code></a> "<code>resource</code>" (c'est-à-dire que l'entrée est un objet <a href="/fr/docs/Web/API/PerformanceResourceTiming"><code>PerformanceResourceTiming</code></a>), cette propriété renvoie la valeur de l'horodatage fournie par <a href="/fr/docs/Web/API/PerformanceResourceTiming/fetchStart"><code>PerformanceResourceTiming.fetchStart</code></a>.</p> -</div> +> **Note :** Si l'entrée de performance a un [`entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) "`resource`" (c'est-à-dire que l'entrée est un objet [`PerformanceResourceTiming`](/fr/docs/Web/API/PerformanceResourceTiming)), cette propriété renvoie la valeur de l'horodatage fournie par [`PerformanceResourceTiming.fetchStart`](/fr/docs/Web/API/PerformanceResourceTiming/fetchStart). -<h2 id="Example">Exemple</h2> +## Exemple -<p>L'exemple suivant montre l'utilisation de la propriété <code>startTime</code>.</p> +L'exemple suivant montre l'utilisation de la propriété `startTime`. -<pre class="brush:js">function run_PerformanceEntry() { +```js +function run_PerformanceEntry() { console.log("Support de PerformanceEntry ..."); if (performance.mark === undefined) { @@ -61,7 +60,7 @@ translation_of: Web/API/PerformanceEntry/startTime // Utilise getEntries() pour itérer à travers chaque entrée let p = performance.getEntries(); - for (let i = 0; i < p.length; i++) { + for (let i = 0; i < p.length; i++) { log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } @@ -70,7 +69,7 @@ function check_PerformanceEntry(obj) { let properties = ["name", "entryType", "startTime", "duration"]; let methods = ["toJSON"]; - for (let i = 0; i < properties.length; i++) { + for (let i = 0; i < properties.length; i++) { // On vérifie chaque propriété let supported = properties[i] in obj; if (supported) @@ -78,7 +77,7 @@ function check_PerformanceEntry(obj) { else log("..." + properties[i] + " = N'est pas pris en charge"); } - for (let i = 0; i < methods.length; i++) { + for (let i = 0; i < methods.length; i++) { // On vérifie chaque méthode let supported = typeof obj[methods[i]] == "function"; if (supported) { @@ -89,34 +88,17 @@ function check_PerformanceEntry(obj) { } } } -</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-performanceentry-starttime', - 'startTime')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('Performance Timeline', '#dom-performanceentry-starttime', - 'startTime')}}</td> - <td>{{Spec2('Performance Timeline')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry.startTime")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------- | -------------------- | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-starttime', + 'startTime')}} | {{Spec2('Performance Timeline Level 2')}} | | +| {{SpecName('Performance Timeline', '#dom-performanceentry-starttime', + 'startTime')}} | {{Spec2('Performance Timeline')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry.startTime")}} diff --git a/files/fr/web/api/performanceentry/tojson/index.md b/files/fr/web/api/performanceentry/tojson/index.md index 9450e8f3f0..6d02774855 100644 --- a/files/fr/web/api/performanceentry/tojson/index.md +++ b/files/fr/web/api/performanceentry/tojson/index.md @@ -11,33 +11,33 @@ tags: - Performance Web translation_of: Web/API/PerformanceEntry/toJSON --- -<div>{{APIRef("Performance Timeline API")}}</div> +{{APIRef("Performance Timeline API")}} -<p>La méthode <strong><code>toJSON()</code></strong> permet de sérialiser l'objet <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a> courant et renvoie une représentation JSON de l'objet.</p> +La méthode **`toJSON()`** permet de sérialiser l'objet [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry) courant et renvoie une représentation JSON de l'objet. -<p>{{AvailableInWorkers}}</p> +{{AvailableInWorkers}} -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="brush:js">let jsonObj = perfEntry.toJSON(); -</pre> +```js +let jsonObj = perfEntry.toJSON(); +``` -<h3 id="Arguments">Arguments</h3> +### Arguments -<p>Aucun.</p> +Aucun. -<h3 id="Return_value">Valeur de retour</h3> +### Valeur de retour -<dl> - <dt><code>json</code></dt> - <dd>Un objet JSON qui est la sérialisation de l'objet <a href="/fr/docs/Web/API/PerformanceEntry"><code>PerformanceEntry</code></a>.</dd> -</dl> +- `json` + - : Un objet JSON qui est la sérialisation de l'objet [`PerformanceEntry`](/fr/docs/Web/API/PerformanceEntry). -<h2 id="Example">Exemple</h2> +## Exemple -<p>L'exemple suivant montre l'utilisation de la méthode <code>toJSON()</code>.</p> +L'exemple suivant montre l'utilisation de la méthode `toJSON()`. -<pre class="brush:js">function run_PerformanceEntry() { +```js +function run_PerformanceEntry() { console.log("Support de PerformanceEntry ..."); if (performance.mark === undefined) { @@ -52,7 +52,7 @@ translation_of: Web/API/PerformanceEntry/toJSON // Utilise getEntries() pour itérer à travers chaque entrée. let p = performance.getEntries(); - for (let i = 0; i < p.length; i++) { + for (let i = 0; i < p.length; i++) { console.log("Entry[" + i + "]"); check_PerformanceEntry(p[i]); } @@ -61,7 +61,7 @@ function check_PerformanceEntry(obj) { let properties = ["name", "entryType", "startTime", "duration"]; let methods = ["toJSON"]; - for (let i = 0; i < properties.length; i++) { + for (let i = 0; i < properties.length; i++) { // On vérifie chaque propriété let supported = properties[i] in obj; if (supported) @@ -69,7 +69,7 @@ function check_PerformanceEntry(obj) { else console.log("..." + properties[i] + " = N'est pas pris en charge"); } - for (let i = 0; i < methods.length; i++) { + for (let i = 0; i < methods.length; i++) { // On vérifie chaque méthode let supported = typeof obj[methods[i]] == "function"; if (supported) { @@ -80,28 +80,15 @@ function check_PerformanceEntry(obj) { } } } -</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-performanceentry-tojson', - 'toJSON')}}</td> - <td>{{Spec2('Performance Timeline Level 2')}}</td> - <td>Définition initiale de la méthode <code>toJSON()</code>.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PerformanceEntry.toJSON")}}</p> +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | --------------------------------------------- | +| {{SpecName('Performance Timeline Level 2', '#dom-performanceentry-tojson', + 'toJSON')}} | {{Spec2('Performance Timeline Level 2')}} | Définition initiale de la méthode `toJSON()`. | + +## Compatibilité des navigateurs + +{{Compat("api.PerformanceEntry.toJSON")}} |