Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
PerformanceNavigationTiming.domInteractive
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis octobre 2021.
Expérimental:Il s'agit d'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété en lecture seuledomInteractive retourne untimestamp représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel àinteractif.
Dans cet article
Syntaxe
perfEntry.domInteractive;Valeur de retour
Unetimestamp représentant la valeur temporelle égale au temps immédiatement avant que l'agent utilisateur ne définisse la disponibilité du document actuel àinteractif.
Exemple
L'exemple suivant illustre l'utilisation de cette propriété.
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); }}Spécifications
| Specification |
|---|
| Navigation Timing Level 2> # dom-performancenavigationtiming-dominteractive> |