Как сделать так, чтобы браузер посетителя работал в полноэкранном режиме с использованием JavaScript, таким образом, чтобы он работал с IE, Firefox и Opera?
javascript
fullscreen
user63898
источник
источник
sprintf('Dear user, the best experience with this site is in fullscreen mode. To view this site full screen, press %s.', _get_browsers_full_Screen_key())
Ответы:
Это как можно ближе к полноэкранному режиму в JavaScript:
источник
В новых браузерах, таких как Chrome 15, Firefox 10, Safari 5.1, IE 10 это возможно. Это также возможно для старых IE через ActiveX в зависимости от настроек браузера.
Вот как это сделать:
Очевидно, что пользователь должен сначала принять полноэкранный запрос, и при загрузке страницы его невозможно вызвать автоматически, его должен запускать пользователь (например, кнопка).
Узнайте больше: https://developer.mozilla.org/en/DOM/Using_full-screen_mode
источник
document.documentElement
, то вы получите правильный корневой элемент («html» или «body»). И использовать можно использовать,cancelFullscreen()
чтобы закрыть его (или снова отправить «F11» для IE).Этот код также включает в себя, как включить полноэкранный режим для Internet Explorer 9 и, возможно, более старых версий, а также самых последних версий Google Chrome. Принятый ответ также может быть использован для других браузеров.
Источники:
requestFullscreen
«работает только во время», «mIst UIEvents и MouseEvents, таких как нажатие и нажатие клавиши и т. Д.», «Поэтому его нельзя использовать злонамеренно».)источник
documentElement
, лучше, чемbody
для меня.Вот полное решение для входа и выхода из полноэкранного режима (он же отмена, выход, выход)
источник
msIsFullScreen
?webkitCancelFullScreen
в настоящее времяwebkitExitFullscreen
. genecontent.org/post/70347573294/…document.fullScreenElement && document.fullScreenElement !== null
elem
вtoggleFull()
отdocument.body
к ,document.documentElement
чтобы исправить левый и правый вопрос МаржаВы можете использовать полноэкранный 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
источник
Я использовал это ...
источник
Простой пример: http://www.longtailvideo.com/blog/26517/using-the-browsers-new-html5-fullscreen-capabilities/
источник
Создать функцию
В HTML поставить код как
источник
Теперь, когда полноэкранные API-интерфейсы стали более распространенными и, кажется, развиваются , почему бы не попробовать Screenfull.js ? Я использовал его впервые вчера, и сегодня наше приложение выходит на действительно полноэкранный режим (почти) во всех браузерах!
Обязательно соедините его с
:fullscreen
псевдоклассом в CSS. См. Https://www.sitepoint.com/use-html5-full-screen-api/ для получения дополнительной информации.источник
К счастью для ничего не подозревающих веб-пользователей, это невозможно сделать только с помощью javascript. Вам нужно будет написать специальные плагины для браузера, если они еще не существуют, а затем каким-то образом заставить людей загрузить их. Самое близкое, что вы можете получить - это развернутое окно без инструментов или панелей навигации, но пользователи все равно смогут видеть URL.
window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">
Это, как правило, считается плохой практикой, поскольку удаляет большую часть функциональности браузера от пользователя.
источник
Попробуйте screenfull.js . Это хорошее кросс-браузерное решение, которое должно работать и для браузера Opera.
Demo .
источник
Это может поддержать
источник
Ты можешь попробовать:
источник
Попробуйте этот скрипт
Для вызова из скрипта используйте этот код,
или с гиперссылкой используйте это
источник
В Firefox 10 вы можете сделать текущую страницу полноэкранной (настоящей полноэкранной без оконного хрома), используя этот javascript:
источник
Это будет работать, чтобы показать ваше окно на весь экран
Примечание: чтобы это работало, вам нужен Query from http://code.jquery.com/jquery-2.1.1.min.js
Или сделайте, чтобы иметь ссылку на JavaScript, как это.
источник
Если вы находитесь в ситуации с «киоском», способ перехода к полноэкранному режиму - это ввести F11 в окно браузера после его запуска и запуска. Это не очень приятный запуск, и пользователь мог бы нажать на сенсорный экран сверху и получить полу-полноэкранный вид, но подача F11 могла бы быть в крайнем случае или просто начать работу над проектом.
источник
Вот мое полное решение
Full Screen
иExit Full Screen
оба (многие благодаря помощи от ответа башни выше):// ВЫЗОВ:
источник