Может ли веб-сайт заставить браузер перейти в полноэкранный режим?

Question

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

Эксперимент проводится в Интернете и, следовательно, в окне браузера. Можно ли указать браузеру перейти в полноэкранный режим, например, при нажатии кнопки?

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

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

Answer 1

Вы можете просто сказать пользователю нажать F11. Рядом с ним, поставить «почему?» связать и объяснить, почему вы чувствуете, что они должны быть в полноэкранном режиме.

Я не думаю, что вы можете заставить браузер работать в полноэкранном режиме, и, на самом деле, если бы вы смогли это сделать, я бы разозлился на мой браузер. Это слишком агрессивно. Даже Flash имеет безопасность, поэтому для принудительного перехода плагина в полноэкранный режим требуется, чтобы событие происходило при взаимодействии с пользователем. Так что, если это так важно для вас, это может быть хорошей причиной для использования плагина Flash, потому что вы можете прикрепить полноэкранный вызов go к вводящей в заблуждение кнопке с надписью 'start quiz' (или чем-то еще).

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

РЕДАКТИРОВАТЬ: я только что попробовал пример кода, предоставленный в другом комментарии, и я рад сообщить, что Firefox открывает развернутое окно с адресной строкой, а не полноэкранное окно.

Answer 2

Я нашел код после поиска.

function fullscreen() {
    var element = document.getElementById("content");
    if (element.requestFullScreen) {
        if (!document.fullScreen) {
            element.requestFullscreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
        } else {
            document.exitFullScreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize.png");
        }

    } else if (element.mozRequestFullScreen) {

        if (!document.mozFullScreen) {
            element.mozRequestFullScreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
            google.maps.event.trigger(map, 'resize');
        } else {
            document.mozCancelFullScreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize.png");
        }

    } else if (element.webkitRequestFullScreen) {

        if (!document.webkitIsFullScreen) {
            element.webkitRequestFullScreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
            google.maps.event.trigger(map, 'resize');
        } else {
            document.webkitCancelFullScreen();
            $(".fullscreen").attr('src',"img/icons/panel_resize.png");
        } 
    } 
}

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

Answer 3

Нет способа изменить размер текущего окна на полный экран, но вы можете открыть всплывающее окно на весь экран:

<script type="text/javascript">
<!--
function popup(url) 
{
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';

 newwin=window.open(url,'windowname4', params);
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

<a href="javascript: void(0)" 
   onclick="popup('popup.html')">Fullscreen popup window</a>

Answer 4

Открыть новое окно в полноэкранном режиме в IE:

<script>
<!--
window.open("page.html","fs","fullscreen,scrollbars")
//-->
</script> 

Хорошей идеей может быть добавление ссылки "Закрыть" на page.html:

<a href="#" onclick="window.close()">Close Window</a>

Answer 5

Чтобы изменить родительское окно, попробуйте что-то вроде:

window.opener.location.href = '/confirmation/page.html';

Answer 6

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

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

Answer 7

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

Answer 8

F11 переводит IE и Firefox в полноэкранный режим. Я уверен, что можно перейти в полноэкранный режим, так как YouTube и другие сайты потокового видео могут делать это с Flash, но я не знаю, как с javascript.