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.