Как заставить веб-страницу думать, что она находится в фокусе или вне ее?

Question

Я пытаюсь создать веб-приложение (чтобы узнать о WebSockets и адаптивном поведении), которое опрашивает различные сайты социальных сетей и показывает все последние обновления в одном месте. Я хочу, чтобы страница перестала обновляться, когда не в фокусе, а затем снова обновилась, когда в фокусе.

Тестирование поведения не в фокусе было очень трудным, так как мне приходится полагаться на журналы, чтобы убедиться, что мое приложение работает правильно и не может открыть окно на одном мониторе и работать с кодом на другом мониторе.

Мой вопрос:
Есть ли способ «заставить» вкладку думать, что она находится или не в фокусе, как состояние элемента силы в DevTools, но для всей вкладки.

Я использую Chrome в Windows 10. Я не смог найти способ сделать это с помощью DevTools и не хочу настраивать всю инфраструктуру тестирования только для такой простой вещи.

Спасибо, что уделили время.

Answer 1

1. Откройте командное меню .
2. Запустите команду Emulate a focused page.

Если вы создадите Live Expression и установите выражение на document.hasFocus(), вы увидите, что страница всегда думает, что она находится в фокусе после выполнения команды Emulate a focused page.