Открыть div в полноэкранном режиме на Firefox

Question

Я пытаюсь открыть div в полноэкранном режиме браузера с помощью браузера Firefox.Я могу сделать это успешно в Chrome с помощью следующего кода, но Firefox выдает мне следующее предупреждение в консоли

Запрос на полноэкранный режим был отклонен, поскольку хотя бы один из элементов, содержащихся в документе, не является iframe или выполняетне имеет атрибута «allowfullscreen».

Мой код выглядит следующим образом

  <div id="main">
   ...
  </div>

  full() {
    const elem =  document.getElementById('main');
    const methodToBeInvoked = elem['requestFullscreen'] ||
      elem['webkitRequestFullScreen'] || elem['mozRequestFullscreen']
      || elem['msRequestFullscreen'];
    if (methodToBeInvoked) {
      methodToBeInvoked.call(elem);
    }
  }

Answer 1

Это особая функция безопасности браузера Firefox.Вы можете отключить то же самое, выполнив следующие действия:

• Введите about:config в поле поиска URL в Firefox.

• На странице конфигурации найдите следующий ключ и установите value как false:

  full-screen-api.allow-trusted-requests-only.

• Если вы также хотите удалить приглашение браузера, при входе в полноэкранный режим установите value для следующей клавиши также как false:

  full-screen-api.approval-required