Page visibility - JavaScript

JavaScript document.hidden kan vise om browserens faneblad er aktiv eller om den er i baggrunden og det kan så bruges til at pause en opgave

Introduktion

Page visibility kan bruges til for eksempel at stoppe en opgave eller pause et spil eller video når brugeren skifter til et andet faneblad eller minimere browservinduet.

document.hidden = TRUE | FALSE

document.visibilityState = visible | hidden | prerender

Demo

Læg mærke til titlen i browser fanebladet/vinduet.

Prøv så og få fanebladet i baggrunden ved at skifte faneblad eller ved at åbne et nyt faneblad eller ved at minimere vinduet og læg mærke til hvordan titlen ændre sig.

Hvis din browser understøtter page visibility vil titlen ændre sig alt efter om fanebladet/vinduet er i forgrunden eller baggrunden.
Her kommer til at stå når events bliver udløst

Browsertest

Browserunderstøttelse af page visibility

Browser "Page visibility" understøttelse Måder Events
Firefox logo
Firefox 20.0
ja document.hidden
document.visibilityState
document.mozHidden
document.mozVisibilityState
visibilitychange
mozvisibilitychange
Opera logo
Opera 12.15
ja document.hidden
document.visibilityState
visibilitychange
Safari logo
Safari 5.1.7
nej
Chrome logo
Chrome 25.0.1364.172 m
ja document.webkitHidden
document.webkitVisibilityState
webkitvisibilitychange
Internet Explorer logo
Internet Explorer 10.0.9200.16521
ja document.hidden
document.visibilityState
visibilitychange
Alle tests er udført på Windows 7 (64-bit)


Browserunderstøttelse fra caniuse.com :

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.