PerformanceNavigationTiming.type
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'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété en lecture seule type renvoie une chaîne de caractères DOMString représentant le type de navigation. La valeur doit être l'une des suivantes :
-
La navigation a commencé en cliquant sur un lien, en saisissant l'URL dans la barre d'adresse du navigateur, en soumettant un formulaire ou en s'initialisant par une opération de script autre que reload et back_forward, comme indiqué ci-dessous.
reload-
La navigation s'effectue par l'opération de rechargement du navigateur ou
location.reload(). back_forward-
La navigation se fait par l'opération de traversée de l'historique du navigateur.
prerender-
La navigation est initiée par un indice de prétraitement.
Syntaxe
perfEntry.type;
Valeur de retour
Une chaîne de caractères DOMString qui est l'une des valeurs énumérées ci-dessus.
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-type |
Compatibilité des navigateurs
Chargement…