2013-08-09 3 views
2

Я использую Fullscreen API для переключения полного экрана в браузере. Это работает, но у меня есть два вопроса:Переключить браузер в полноэкранном режиме программно

  1. Когда я нахожусь на полном экране, если я нажму ссылку, чтобы перейти на другую страницу (в моем домене), страница покинет весь экран. Я хочу продолжить в полноэкранном режиме.
  2. В Chrome фон не заполняет всю высоту экрана.

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

Существует некоторое решение этой проблемы? Некоторые API или работа вокруг?

Мой Javascript код:

// toggle fullscren 
function toggleFullScreen(element) { 
    if (!document.fullscreenElement && // alternative standard method 
     !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods 
     launchFullScreen(element); 
    } else { 
     cancelFullscreen(); 
    } 
} 

// Find the right method, call on correct element 
function launchFullScreen(element) { 
    if (element.requestFullScreen) { 
     element.requestFullScreen(); 
    } else if (element.mozRequestFullScreen) { 
     element.mozRequestFullScreen(); 
    } else if (element.webkitRequestFullScreen) { 
     element.webkitRequestFullScreen(); 
    } 
} 

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

Моя кнопка для переключения на полный экран:

<a onclick="toggleFullScreen(document.documentElement);"> 
    <img src="~/Content/icons/fullscreen-launch-icon.svg" /> 
</a> 

ответ

1

относительно вашего # 1 вопрос ниже является то, что веб-сайт Mozilla говорит:

Кроме того, переход на другую страницу, изменение вкладок или переход на другое приложение (с использованием, например, Alt-Tab), в то время как в полноэкранном режиме выходит из полноэкранного режима.

вот ссылка: Using Full Screen Mode

Смежные вопросы