Я создаю веб-приложение для предстоящего веб-магазина Chrome... Есть ли способ имитировать нажатие F11? Или просто команда, которая заставит текущее окно перейти в полноэкранный режим (HTML/Javascript).
Onclick go полноэкранный режим
Ответ 1
Возможно с помощью JavaScript.
var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
Ответ 2
Я понимаю, что это очень старый вопрос, и что предоставленные ответы были адекватными, поскольку они активны, и я наткнулся на это, сделав некоторые исследования в полноэкранном режиме, я оставляю здесь одно обновление к этой теме:
Существует способ "симулировать" ключ F11, но не может быть автоматизирован, пользователю на самом деле нужно нажать кнопку, например, чтобы вызвать полноэкранный режим.
-
Включить полноэкранный статус при нажатии кнопки
В этом примере пользователь может переключиться в полноэкранный режим и из него, нажав кнопку:
HTML-элемент, который будет действовать как триггер:
<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()">
JavaScript:
function toggleFullScreen() { if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } }
-
Перейдите на полноэкранный режим при нажатии кнопки
Этот пример позволяет включить полноэкранный режим без чередования, то есть вы переключаетесь на полноэкранный режим, но возврат к нормальному экрану должен будет использовать клавишу F11:
HTML-элемент, который будет действовать как триггер:
<input type="button" value="click to go fullscreen" onclick="requestFullScreen()">
JavaScript:
function requestFullScreen() { var el = document.body; // Supports most browsers and their versions. var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (requestMethod) { // Native full screen. requestMethod.call(el); } else if (typeof window.ActiveXObject !== "undefined") { // Older IE. var wscript = new ActiveXObject("WScript.Shell"); if (wscript !== null) { wscript.SendKeys("{F11}"); } } }
Источники найдены вместе с полезной информацией по этому вопросу:
Как сделать в полноэкранных окнах Javascript (растягиваясь по всему экрану)
Как сделать полноэкранный режим браузера с помощью ключевого события F11 через JavaScript
Ответ 3
Если вы хотите переключить всю вкладку на полноэкранный режим (точно так же, как нажатие клавиши F11) document.documentElement
- это тот элемент, который вы ищете:
function go_full_screen(){
var elem = document.documentElement;
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
}
Ответ 4
Вот несколько способов сделать это:
Я бы предложил, предоставить всплывающее окно с запросом пользователя, если он/она хочет перейти в полноэкранный режим, а затем вызвать этот javascript соответственно.
Ответ 5
Короткая личная версия букмарклета
javascript:document.body.webkitRequestFullScreen();
go fullscreen ← Вы можете перетащить эту ссылку на панель закладок, чтобы создать букмарклет, но впоследствии вы должны изменить его URL: Удалить все до JAVASCRIPT
и добавьте :
после JAVASCRIPT
.
Это работает для меня в Google Chrome. Вы должны проверить, работает ли он в вашей среде и иным образом использовать другую формулировку вызова функции, например. javascript:document.body.requestFullScreen();
- см. другие ответы для возможных вариантов.
Основываясь на ответах @Zuul и @default - спасибо!
Ответ 6
Нет никакого способа сделать с помощью только чистого javascript, но вы можете попробовать и проверить многие API API Google Chrome, которые могут разрешать полноэкранный режим в разрешениях webApp.