Comment JavaScript peut-il détecter les rechargements ou les actualisations de pages ?

Détection des rechargements ou actualisations de pages en JavaScript

Question :

Pouvons-nous déterminer si un utilisateur a actualisé ou rechargé un page utilisant JavaScript ?

Explication :

Souvent, il est utile d'exécuter du code spécifique ou d'afficher une alerte lorsqu'un utilisateur actualise ou recharge une page Web.

Solution :

Il existe plusieurs façons de détecter les rechargements ou les actualisations de pages, en fonction de le navigateur et sa prise en charge de certaines API.

Méthode obsolète :

Bien qu'obsolète, nous pouvons utiliser la propriété window.performance.navigation.type sur les anciens navigateurs :

if (window.performance.navigation.type == window.performance.navigation.TYPE_RELOAD) {
  alert("Page has been refreshed");
}

Méthode moderne :

Pour utiliser le API de synchronisation de navigation dans les navigateurs modernes, nous pouvons utiliser le code suivant :

if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  alert("Page has been refreshed");
} else {
  alert("Page has not been refreshed");
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!