JS - document.visibilityState или определяем активна ли сейчас вкладка в браузере
Алоха товарищи фронты! Не большой шортрид о том как определить находится ли сейчас юзер на странице или нет. Для данной задачи мы будем использовать: 👉 Cвойство window.navigator.visibilityState, которое может быть равно или строке 'hidden' или строке 'visible'. 👉 А так же стандартный JS event visibilitychange, который в свою очередь будет реагировать на открытие / скрытие вкладки браузера и проверять свойство window...
Создаем вкладки на JavaScript
В этом уроке мы научимся создавать вкладки при помощи JavaScript. Начинаем всегда с html-разметки. Вот так это будет выглядеть: В данном случае у нас будет всего три вкладки (но при желании можно сделать больше). Изначально вкладки и контент вкладок не связаны между собой, это можно сделать с помощью js-кода. Однако прежде чем перейти к js нужно разобраться с css. Вот какие стили использовал я для своего сайта: При желании можно добавить несколько стилей, например, для формата и размера текста, отступов и т...