Включение полноэкранного режима

Небольшой код на JavaScript для входа и выхода из полноэкранного режима окна браузера

Пример:

HTML:

JS:

Оформление самой кнопки я приводить не стал, так как она должна вписываться непосредственно в дизайн сайта и скорее всего показываться иконкой, а не текстом.

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

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

  • Влад:

    А почему внутри сайта, при переходе по ссылке полноэкранный режим отключается?

    Ответить
    • Alexander:

      А скрипт на всех страницах сайта ?
      Если да, то ссылку надо, иначе не пойму в чем проблема

      Ответить
  • Игорь Б:

    Делал для своих проектов функцию перехода в полный экран и обратно. Как у меня, так и здесь есть недостаток: если нажать на кнопку "Войти в полноэкранный режим", а потом выйти из него не по кнопке, а нажав на всплывающий сверху крестик или нажав на клавишу Escape, то надпись "Выйти иэ полноэкранного режима" так и останется. (У меня это были соответствующие иконки.) Есть ли решения по устранению этого недостатка? В одном скрипте (с закрытым кодом) видел, что решение есть. Пытался найти самостоятельно или искать решение в Интернете — ничего мои поиски не дали.

    Ответить
    • Игорь Б:

      Дополню. То же, если выйти из полноэкранного режима при поможи контекстного меню на правой клавиши мыши.

      Ответить
    • Alexander:

      Поправил JS, проверьте.

      Ответить
  • Илья Александров:

    Возможно ли доработать инструмент для мобильных устройств?
    Если да, будет ли это добавлено?
    Будет ли работать с фреймами?

    Ответить
    • Alexander:

      Он работает на мобильном.
      С фреймами тоже должно, это JS функция requestFullscreen
      Можете поискать про нее информацию.

      Ответить