Получение полноэкранного режима в моем браузере с помощью jquery

Как я могу войти в полноэкранный режим, используя только код Javascript / JQuery? Цель состоит в том, чтобы войти в полноэкранный режим, например, когда вы нажимаете F11 в браузере, но затем программно.

 Ohad Milchgrub09 нояб. 2012 г., 07:35
Вы можете видеть это здесьstackoverflow.com/questions/1125084/...

Ответы на вопрос(10)

s рабочая демонстрация для того, чтобы сделать браузер полноэкранным

http://johndyer.name/lab/fullscreenapi/

 Manikandan Sethuraju09 нояб. 2012 г., 07:48
@deepthi: какую версию браузера Mozilla вы используете? ЗаMozilla 16.0.2 версия работает нормально ...
 deepthi09 нояб. 2012 г., 07:57
Я использую только Mozilla 16.0.2
 deepthi09 нояб. 2012 г., 07:46
Это не работает... :(

y).

var  w = window.open('','', 'width=100,height=100');

w.resizeTo(w.screen.availHeight, w.screen.availWidth);

 w.focus();

но, возможно, кому-то это может понадобиться. Я искал решение для получения полноэкранного режима для браузера с помощью jQuery и ямы нашли это решение. Я очень рекомендую Синдре Сорхусs экранный плагин. Здесь вы можете получить файл.

https://github.com/sindresorhus/screenfull.js

На этой странице также есть способы ознакомления и демонстрации.

который поддерживает версии IE до IE11 (IE8-10), взгляните наjQuery.fullscreen, IE не поддерживал эту функцию изначально, покаIE11.

если есть кнопка или что-то еще, мы можем использовать этот скрипт:

<script language="JavaScript">
function fullScreen() {
    var el = document.documentElement
        , rfs = // for newer Webkit and Firefox
               el.requestFullScreen
            || el.webkitRequestFullScreen
            || el.mozRequestFullScreen
            || el.msRequestFullScreen
    ;
    if (typeof rfs != "undefined" && rfs) {
        rfs.call(el);
    } else if (typeof window.ActiveXObject != "undefined") {
        // for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {
            wscript.SendKeys("{F11}");
        }
    }

}
// End -->
</code></pre><p></p><p>С кнопкой. Все легко<code><a href="javascript:void(0);" onclick="fullScreen();"><BUTTON></a></code><br></br>Но как я могу загрузить этот скрипт при загрузке страницы. Тот'Это означает, что веб-форма будет полноэкранной при загрузке страницы без какого-либо нажатия на что-либо.</p></script>

используя ванильный JavaScript без jQuery.






    <title>Full Screen Test</title>



    <h1>test</h1>

    <script>
    var elem = document.getElementById("body");

    elem.onclick = function() {
        req = elem.requestFullScreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen;
        req.call(elem);
    }
    </script>



Важно отметить, что вы можете запросить полноэкранный режим, только когда пользователь выполняет действие (например, щелчок). Вы можете't запрашивать полноэкранный режим без действий пользователя[1] (например, при загрузке страницы).

Вот кросс-браузерная функция для переключения в полноэкранный режим (как получено из MDN):

function toggleFullScreen() {
  if (!document.fullscreenElement &&    // alternative standard method
      !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods
    if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
    } else if (document.documentElement.msRequestFullscreen) {
      document.documentElement.msRequestFullscreen();
    } else if (document.documentElement.mozRequestFullScreen) {
      document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullscreen) {
      document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    }
  }
}

Для получения дополнительной информации, проверьтеСтраница MDN о полноэкранных API.

 randombumper01 апр. 2015 г., 12:47
@MaxYari По крайней мере, Chrome бросит "Незаконное обращение исключение при храненииdocument.documentElement.webkitRequestFullscreen в переменнойx а затем с помощьюx() или же .x.call()
 Max Yari26 мар. 2015 г., 19:40
Есть ли какая-либо причина, чтобы не использовать короткие заявления, такие какreq = elem.requestFullScreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen; чтобы получить поддерживаемую функцию, но используйтеelse if вместо?
 Max Yari01 апр. 2015 г., 16:06
@randombumper ок, спасибо за разъяснения

Новая технология html5 - Полноэкранный API предоставляет нам простой способ представления содержимого веб-страницы в полноэкранном режиме. Мы собираемся дать вам подробную информацию о полноэкранном режиме. Просто попытайтесь представить все возможные преимущества, которые вы можете получить, используя эту технологию - полноэкранные фотоальбомы, видео и даже игры.

Но прежде чем мы опишем эту новую технологию, я должен отметить, что эта технология является экспериментальной, иподдерживается всеми основными браузерами.

Вы можете найти полное руководство здесь: http://www.css-jquery-design.com/2013/11/javascript-jquery-fullscreen-browser-window-html5-technology/

Вот рабочая демка: http://demo.web3designs.com/javascript-jquery-fullscreen-browser-window-html5-technology.htm

 deepthi09 нояб. 2012 г., 07:37
Я попробовал это .. но это работает для Mozilla, но экран выглядит по сравнению с реальным экраном
 Buzz09 нояб. 2012 г., 08:04
какую разницу вы обнаружите, прикрепите снимок экрана

вы можете сделать это:

var viewer = $("#parentid .classname .childelement")[0];
var rFS = viewer.mozRequestFullScreen || viewer.webkitRequestFullscreen || viewer.requestFullscreen;
    rFS.call(viewer); 

Пожалуйста, попробуйте ниже код

var el = document.documentElement,
  rfs = el.requestFullscreen
    || el.webkitRequestFullScreen
    || el.mozRequestFullScreen
    || el.msRequestFullscreen 
;

rfs.call(el);
 Nico Haase30 янв. 2018 г., 13:24
Есть ли что-то новое в вашем ответе или вы просто скопировали материал из других ответов?

Ваш ответ на вопрос