Время пребывания пользователя

Статистика отслеживания истории просмотров пользователей 小白, первый раз прошу прощения, вместе будем совершенствовать (взаимообучение). Описание: использует некоторые материалы из интернета, а также свои знания для создания этого тестового демонстрационного примера. Это своего рода запись процесса обучения.

Совместимость

Совмещает canIuse и MDN, но не проверено лично.

О перезагрузке страницы

Этот демо рассматривает это как два действия, с двумя логами. Просмотрел несколько статей из первой десятки Baidu, где они обрабатывают перезагрузку страницы как одно действие. Конкретная идея такова:

1. При загрузке страницы сохраните refer в cookies;
2. В событии onbeforeunload используйте пустое значение refer при перезагрузке страницы для определения;
3. Если пользователь перезагружает страницу, возьмите последнее время записи в localStorage и добавьте текущее время просмотра;
4. Обновите последнюю запись времени в localStorage.

localStorage

localStorage Описание: пространство хранения данных браузера. Данные, хранящиеся в localStorage, не имеют сроков годности. Совместимость: IE9+, Firefox(56+), Chrome(49/61+), Opera(10.50), Safari(10.1+)

visibilitychange

visibilitychange Описание: событие, которое происходит при скрытии или показе вкладки браузера. Совместимость: IE(ms10/11+), Firefox(56+)(moz10), Chrome(49/61+)(Webkit13), Opera(12.10), Safari(10.1+)

onbeforeunload onload onunload onpageshow onpagehide onerror

onbeforeunloadОписание: событие, которое происходит перед тем, как пользователь покинет страницу (перезагрузка или закрытие).

onload

Описание: событие, которое происходит после полной загрузки страницы или изображения. Происходит при первом заходе на страницу (не происходит, если данные берутся из кэша браузера).

unload

Описание: событие, которое происходит, когда пользователь покидает страницу. Происходит после того, как страница была удалена (невозможно кэшировать страницу).

onpageshow

Описание: событие, которое происходит каждый раз, когда пользователь открывает страницу.

onpagehide

Описание: событие, которое происходит, когда пользователь покидает страницу. Возможность кэширования страницы.

Совместимость: IE11+

onerror

Описание: событие, которое происходит при ошибке при загрузке документа или изображения.

# window.self window.top window.parent
window.self
Функционал: представляет собой ссылку на текущий оконный объект. Он эквивалентен свойству `window`.
Синтаксис: `window.self`
Примечание: `window`, `self`, `window.self` — все эти значения эквивалентны.

window.top
Функционал: возвращает верхний уровень окна, то есть окно браузера.
Синтаксис: `window.top`
Примечание: если окно само является верхним уровнем, то свойство `top` возвращает ссылку на сам себя.

window.parent
Функционал: возвращает родительское окно.
Синтаксис: `window.parent`
```Примечание: если само окно является верхним уровнем, свойство `parent` возвращает ссылку на самое себя.
 В случае с фреймами, обычно родительским окном является верхний уровень, но если внутри фрейма есть ещё фреймы, то родительское окно и верхний уровень могут различаться.
 Проверка того, находится ли текущее окно внутри фрейма:
```html
<script type="text/javascript">
var b = window.top != window.self;
document.write("Текущее окно находится внутри фрейма: " + b);
</script>