Как развернуть сайт на весь экран?

Question

[Steppp]

В вконтакте игры можно развернуть на весь экран! Как так можно развернуть сайт?

Без использование кнопки F11 )))

.

Answer 1

[Mario Kun]

<button data-fullscreen>В полный экран</button>

document.addEventListener('click', function (event) {

	// Игнорируем клики, которые не относятся к нашей кнопке
	if (!event.target.hasAttribute('data-fullscreen')) return;

	// Если уже в полном, выйти
	// Иначе, снова открыть полный экран
	if (document.fullscreenElement) {
		document.exitFullscreen();
	} else {
		document.documentElement.requestFullscreen();
	}

}, false);

Comments

[cicatrix]

А отдельно, кроме блокировки JS, можно как-нибудь заставить браузер не выполнять подобный код?

[display: block]

cicatrix, переопределять метод requestFullscreen с помощью браузерного расширения.

[kocherman]

cicatrix, у Electron есть такой kiosk mode, который открывается на весь экран и не позволяет выйти из него https://github.com/syedhassaanahmed/kiosk-demo-electron
Получается web-приложение как на QIWI-аппаратах

Answer 2

[Евгений]

Вы хоть пытались гуглить?
https://html5.by/blog/fullscreen-javascript-api/