Как получить полный экран на определенных страницах в моем веб-приложении - PullRequest
Новая
       28

Как получить полный экран на определенных страницах в моем веб-приложении

0 голосов
/ 06 сентября 2018

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

Я пытался использовать этот полноэкранный API: https://www.npmjs.com/package/screenfull

Я работаю в html5 / angular 5. Я сделал директиву, подобную предложенной в угловом примере на странице API. Я использовал селектор «toggleFullscreen» с кнопкой (переход к следующей странице), например, на странице 3. Если мне нужен полноэкранный режим на страницах 4 и 5. Чем после нажатия селектора на странице 3 кнопка «Далее» переводит меня на страницу 4, полный экран на странице 4. Но это не работает. Страница 4 не отображается на полном экране.

Я новичок в угловой. Так кто-нибудь может предложить какой-то другой способ достижения этой функциональности в моем коде? Я не могу понять, почему этот API не работает для меня.

1 Ответ

0 голосов
/ 06 сентября 2018 
toggleFullScreen() {
        let elem =  document.body; 
        let methodToBeInvoked = elem.requestFullscreen || 
         elem.webkitRequestFullScreen || elem['mozRequestFullscreen'] 
         || 
         elem['msRequestFullscreen']; 
        if(methodToBeInvoked) methodToBeInvoked.call(elem);

    }

вызывайте эту функцию везде, где вы хотите запустить полноэкранный режим, например, при нажатии кнопки «Отправить» вызовите этот метод, который загрузит страницу в полноэкранном режиме

...