веб-страница в режиме полноэкранного просмотра

#angular

#angular

Вопрос:

Как автоматически запускать веб-страницу в полноэкранном режиме с помощью angular или vanilla js.

я использовал javascript api для запуска моего веб-приложения в полноэкранный режим, но этот API не может позволить запускать его в полноэкранном режиме

Комментарии:

1. Я использую screenfull в приложении Angular.

2. Пожалуйста, поделитесь некоторым кодом, который вы уже написали.

3. @snsakib я использую полноэкранную библиотеку js для запуска полноэкранного режима, вот мой код внутри моего компонента ngOnInit(): void { if (screnfull. Включено) { screnfull.toggle().catch(()=>{}) } .

Ответ №1:

Вы можете использовать модуль screenfull NPM Screenfull Angular

Полноэкранный режим страницы

 document.getElementById('button').addEventListener('click', () => {
    if (screenfull.isEnabled) {
        screenfull.request();
    } else {
        // Ignore or do something else
    }
});
  

Комментарии:

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

2. Вы можете поместить код в ngOnInit, когда компонент загрузится, он автоматически перейдет в полноэкранный режим