Comment puis-je détecter les actualisations et les rechargements de pages en JavaScript ?

Détection des actualisations et des rechargements de pages en JavaScript

La détection des actualisations ou des rechargements de pages est cruciale pour implémenter des fonctionnalités qui répondent à ces actions du navigateur. Lorsqu'une page est actualisée ou rechargée, elle recharge tout son contenu et réinitialise l'état de l'application.

Vérification des actualisations de page

Pour vérifier si une page a été actualisé, vous pouvez utiliser l'objet window.performance.navigation. Cet objet fournit des informations sur l'historique de navigation de la page. Vous pouvez notamment utiliser la propriété suivante :

performance.navigation.type

Cette propriété renvoie l'une des valeurs suivantes :

• 0 (TYPE_NAVIGATE) : La page est chargée pour la première fois ou accessible à partir d'une autre URL
• 1 (TYPE_RELOAD) : la page est reloaded

Exemple :

Le code suivant vérifie si la page a été actualisée et affiche une alerte si c'est le cas :

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

Remarque : L'objet window.performance.navigation est obsolète dans les navigateurs modernes. Pour une approche plus actuelle, reportez-vous à la réponse améliorée fournie dans la réponse donnée.

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!