AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Проверка активности страницы / вкладки

Page Visibility API позволяет нам определить смотрит ли сейчас пользователь на эту вкладку или находится на другой. Зная это, мы можем управлять ajax запросами или, скажем, анимацией.

Для проверки, переключитесь на другую вкладку. Заголовок текущей вкладки измениться. Переключитесь обратно он станет другим.



Исходный код этого примера:

<script>
var hidden, state, visibilityChange;
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
    state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
    state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
    state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
    state = "webkitVisibilityState";
}

document.addEventListener(visibilityChange, function() {
    document.title = document[state];
}, false);

document.title = document[state];
</script>


Если у Вас стои задача проверять перед обращением на сервер, активность текущей вкладки, наприме, для обновления счетчика, то Вам поможет эта универсальная функция:

function pageIsVisible() {
    return (document.visibilityState||
	document.mozVisibilityState||
	document.msVisibilityState||
	document.webkitVisibilityState)
	=='visible';
}

.

© Copyright 2008-2016 by KDG