diff options
Diffstat (limited to 'files/fr/web/api/performancenavigationtiming/domcomplete/index.html')
-rw-r--r-- | files/fr/web/api/performancenavigationtiming/domcomplete/index.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/files/fr/web/api/performancenavigationtiming/domcomplete/index.html b/files/fr/web/api/performancenavigationtiming/domcomplete/index.html new file mode 100644 index 0000000000..4a6d70c7ca --- /dev/null +++ b/files/fr/web/api/performancenavigationtiming/domcomplete/index.html @@ -0,0 +1,74 @@ +--- +title: PerformanceNavigationTiming.domComplete +slug: Web/API/PerformanceNavigationTiming/domComplete +tags: + - API + - Property + - Propriété + - Reference + - PerformanceNavigationTiming + - Performance Web +translation_of: Web/API/PerformanceNavigationTiming/domComplete +--- +<div>{{APIRef("Navigation Timing")}}{{SeeCompatTable}}</div> + +<p class="summary">La propriété en lecture seule <strong><code>domComplete</code></strong> renvoie un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <code><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">complete</a></code>.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="brush:js">perfEntry.domComplete;</pre> + +<h3 id="Return_Value">Valeur de retour</h3> + +<p>Un <a href="/fr/docs/Web/API/DOMHighResTimeStamp"><code>timestamp</code></a> représentant une valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel à <code><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-end">complete</a></code>.</p> + +<h2 id="Example">Exemple</h2> + +<p>L'exemple suivant illustre l'utilisation de cette propriété.</p> + +<pre class="brush:js">function print_nav_timing_data() { + // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation". + let perfEntries = performance.getEntriesByType("navigation"); + + for (let i = 0; i < perfEntries.length; i++) { + console.log("= Entrée de navigation : entry[" + i + "]"); + let p = perfEntries[i]; + // propriétés du DOM + console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart)); + console.log("Contenu du DOM complet = " + p.domComplete); + console.log("Contenu du DOM interactif = " + p.interactive); + + // temps de chargement et de déchargement des documents + console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart)); + console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart)); + + // autres propriétés + console.log("type = " + p.type); + console.log("redirectCount = " + p.redirectCount); + } +} +</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('Navigation Timing Level 2', + '#dom-performancenavigationtiming-domcomplete', 'domComplete')}}</td> + <td>{{Spec2('Navigation Timing Level 2')}}</td> + <td>Définition initiale.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.PerformanceNavigationTiming.domComplete")}}</p> |