PerformanceNavigationTiming.type

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2021.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

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 :

navigate: 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

BCD tables only load in the browser