Onclick go полноэкранный режим
Я создаю веб-приложение для предстоящего веб-магазина Chrome... Есть ли способ имитировать нажатие F11? Или просто команда, которая заставит текущее окно перейти в полноэкранный режим (HTML/Javascript).
Ответы
Ответ 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}");
}
}
}
Источники найдены вместе с полезной информацией по этому вопросу:
Сеть разработчиков Mozilla
Как сделать в полноэкранных окнах Javascript (растягиваясь по всему экрану)
Как сделать полноэкранный режим браузера с помощью ключевого события F11 через JavaScript
Полноэкранный API Chrome
jQuery полноэкранный плагин событий, версия 0.2.0
jquery-fullscreen-plugin
Ответ 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.