Создать веб-страницу без строки заголовка окна

Это обновленный вопрос, основанный на отзывах от «glautrou»: у меня есть LCD Cape для одноплатного компьютера BeagleBone Black, и я хочу, чтобы веб-страница отображалась на ЖК-дисплее без границ, полос прокрутки и БЕЗ ЗАГОЛОВКА. . Я экспериментирую с тем, чтобы заставить это работать, используя приведенный ниже код, который был вырезан из примера, расположенного по адресу http://lesson8.blogspot.co.uk/2013/01/html5-fullscreen-api.html.

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

<!DOCTYPE html>
<html>
<head>
</head>
<BODY onLoad="launchFullscreen(document.documentElement);">
<h1>HTML5 Fullscreen API</h1>

<div style="padding:20px;">
    <button onclick="launchFullscreen(document.documentElement);" class="sexyButton">Launch Fullscreen</button>
    <button onclick="cancelFullscreen();" class="sexyButton">Hide Fullscreen</button>
</div>

<script type='text/javascript'>//<![CDATA[ 

function launchFullscreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function cancelFullscreen() {
  if(document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}

launchFullscreen(document.documentElement);

//]]>  

</script>
</body>
</html>

Заранее спасибо, Уилл


person Wisar    schedule 10.07.2013    source источник


Ответы (3)


В HTML5 есть специальный полноэкранный API, см. Переключение полноэкранного API HTML5 с помощью JavaScript и это руководство.

person glautrou    schedule 10.07.2013
comment
glautrou: Спасибо, это продвинуло меня намного дальше, но я столкнулся с еще одним ударом и либо упускаю что-то простое, либо HTML5 блокирует полноэкранный режим, если пользователь не инициирует? - person Wisar; 10.07.2013
comment
Когда вы вызываете функцию JavaScript, ваша страница сразу отображается в полноэкранном режиме, но браузер автоматически отображает всплывающее окно для утверждения/отклонения отображения вашего приложения в полноэкранном режиме. Это делается для предотвращения злоупотреблений приложениями, поскольку полноэкранное поведение может очень раздражать конечных пользователей (потерянные вкладки, панель задач Windows...). Возможно, вас заинтересует отображение вашего контента в новом about:blank окна - person glautrou; 10.07.2013
comment
Я пришел к такому выводу... Я понимаю, что я могу быть в незначительном большинстве людей, которые хотели бы использовать браузер в качестве пользовательского интерфейса для встроенного приложения... но... было бы неплохо, если бы браузер разрешит полноэкранный режим без запроса пользователя, если увидит, что мы работаем на локальном хосте! Похоже, что мое первое взаимодействие с пользователем должно быть стандартной формой с кнопкой, которая переводит нас в полноэкранный режим без лишнего мусора, загромождающего мой маленький ЖК-дисплей. - person Wisar; 10.07.2013
comment
Вы можете вызвать полноэкранный метод в JavaScript, когда ваша страница загружается. Если пользователь доволен тем, что ваш сайт отображается именно так, он поставит галочку, чтобы добавить исключение в браузер. Если вы хотите только полноэкранный режим на своем компьютере, вы можете нажать F11. - person glautrou; 10.07.2013
comment
Мое окончательное решение опубликовано как ответ. - person Wisar; 12.07.2013

Я упустил из виду тот факт, что запускаю здесь встроенное (однопользовательское) приложение... когда это снова произошло со мной, я искал способ отправлять нажатия клавиш в браузер. Я нашел и установил xdotool, поскольку он был упакован для angstrom, и написал небольшой скрипт автозапуска. Это прекрасно работает, хотя теперь я немного лучше автоматизирую его с помощью моего приложения node.js. Спасибо за помощь, Уилл

person Wisar    schedule 12.07.2013

Еще один способ удовлетворить мое требование, учитывая, что я использую Chrome...

chrome.exe --kiosk --incognito какой-то.веб.сайт

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

Это то, что мне нужно, независимо от того, что я, возможно, думал, что мне нужно!

person Wisar    schedule 19.07.2013