Comment puis-je détecter l'activité des onglets du navigateur à l'aide de JavaScript ?

Détection d'activité du navigateur/onglet [Dupliquer]

Dans le domaine de JavaScript, il est souvent souhaitable d'exécuter du code uniquement lorsque la page actuelle est activement visible pour l’utilisateur. Il s'agit d'un scénario courant pour les opérations gourmandes en CPU qu'il n'est pas nécessaire d'effectuer lorsque le navigateur ou l'onglet est en arrière-plan.

Pour résoudre ce problème, l'API Page Visibility fournit une solution fiable. La propriété document.hidden indique si la page est masquée (par exemple lorsque le navigateur est réduit ou qu'un autre onglet est actif) :

if (!document.hidden) {
    // Do what you need
}

De plus, voici quelques ressources notables pour une meilleure compréhension :

• Article de David Walsh sur la visibilité des pages : http://davidwalsh.name/page-visibility
• Livre blanc de Google Chrome sur la visibilité des pages : https://developers.google.com/chrome/whitepapers/pagevisibility
• Exemple de mise en pause de la lecture vidéo lorsque l'onglet est inactif : https://web.archive.org/web/20170609212707/http:// www.samdutton.com/pageVisibility/

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!