20
JAN

IfVisible.js - Détectez si une page web est active, cachée ou inactive

Publié le 20/01/14 à 05h50 par DJo

IfVisible.js est une bibliothèque Javascript permettant détecter le statut d'une page web: Active, caché ou inactive.

IfVisible.js est une bibliothèque Javascript permettant détecter le statut d'une page web: Active, caché ou inactive.

Imaginons que vous avez développé une application nécessitant que l'utilisateur soit bien actif sur la page en cours (pas sur un autre onglet ou avec le navigateur réduit), Ifvisible.js va vous permettre d'ajouter des évènements pour capter si votre page est active, cachée ou si vous êtes dans un état d'inactivité.

Ainsi vous pourrez alors stoper les animations en cours, les chronos ou timers ... et les redémarrer automatiquement dès que l'utilisateur reviendra sur votre page.

Le script propose plusieurs méthodes / API:

ifvisible.on("blur", function(){
    // L'utilisateur a switché d'onglet ou réduit son navigateur
    animations.pause();
});

ifvisible.on("focus", function(){
    // L'utilisateur revient sur la page
    animations.resume();
});

ifvisible.on("idle", function(){
    // L'utilisateur est devenu inactif sur la page depuis XX secondes
    stream.pause();
});

ifvisible.on("wakeup", function(){
    // L'utilisateur est de nouveau actif sur la page après une phase d'idle
    stream.resume();
});

Vous pouvez déterminer la durée pour passer en mode idle et aussi forcer un état via l'API Javascript.

A tester sur vos prochains devs de jeux web, app interactives et animations web !

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web