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';
}

Добавлено: 19 Апреля 2018 06:24:19 Добавил: Андрей Ковальчук Нравится 0

Добавить