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

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

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

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

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

Ответы

Ответ 1

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

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 специальную картинку для этого. Надеюсь, что это поможет. На данный момент я не знаю, можете ли вы его заставить, потому что это было запрещено из-за безопасности.

Ответ 2

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

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

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

EDIT: я просто попробовал пример кода, представленный в другом комментарии, и я рад сказать, что Firefox открывает максимально развернутое окно с адресной строкой, а не полноэкранным окном.

Ответ 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>

Ответ 4

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

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

Включение ссылки "Закрыть" на странице .html может быть хорошей идеей:

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

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

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

Ответ 8

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