Как сделать браузер полноэкранным

Обновлено: 06.07.2024

Вы легко отвлекаетесь на привлекательную рекламу во время работы в Интернете? Если ваш ответ «да», вы знаете, как много вы прокрастинировали. Подумайте о том, сколько времени вы могли бы быть продуктивными. А теперь перестаньте сожалеть о потерянном времени, потому что у нас есть элегантное решение.

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

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

Оглавление

Что делает полноэкранный режим?

Полноэкранный режим, если он включен, скрывает все нежелательные элементы, которые могут сбить вас с толку при работе в Интернете. При переключении из оконного режима в полноэкранный режим вы не сможете увидеть открытые вкладки, адрес, имя и панель задач, кнопки настроек и другие мелкие функции.

Давайте рассмотрим пример. Это веб-сайт в оконном режиме в Google Chrome.

Вы сможете увидеть все отвлекающие факторы, которые могут сделать вас непродуктивными.

Теперь это то, что вы сможете увидеть, когда включен полноэкранный режим (Chrome).

Вы сможете заметить, что здесь нет опций, кнопок или других функций, которые могли бы нарушить ваш рабочий график.

Активация полноэкранного режима в браузерах

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

Google Chrome (Windows и macOS)
Mozilla Firefox
Интернет-обозреватель
Майкрософт Эдж
Опера
Сафари

Запуск Google Chrome в полноэкранном режиме

Google Chrome — самый популярный, на долю которого приходится более 64 % рынка. Этот веб-браузер доступен практически для всех операционных систем. Наиболее популярными из них являются Windows и macOS. Это способы запуска окна Chrome в полноэкранном режиме на компьютерах с Windows и macOS.

Активировать полноэкранный режим в Chrome для компьютеров с Windows

Есть два способа включить полноэкранный режим (Chrome) на компьютере с Windows.

Откройте трехточечное меню браузера Windows в правом верхнем углу окна и нажмите полноэкранную кнопку (значок квадрата) рядом с настройками масштабирования.

Нажмите клавишу F11 или значок квадрата (еще раз), чтобы выйти из полноэкранного режима.

Для этого пользователи могут загрузить полноэкранное приложение.

Активировать полноэкранный режим Chrome в macOS

Есть три варианта активации полноэкранного режима в Chrome для iOS.

Нажмите на маленькую зеленую точку в левом верхнем углу окна веб-страницы Chrome. Это войдет в полноэкранный режим в браузере Chrome на вашем Mac. Нажмите еще раз, чтобы закрыть полноэкранный режим.
Откройте строку меню и выберите "Войти в полноэкранный режим" в меню "Вид".
Нажмите одновременно клавиши Ctrl + Cmd + F на клавиатуре.

Активация полноэкранного режима в Mozilla Firefox

Есть два способа активировать полноэкранный режим в веб-браузере Firefox.

Нажмите клавишу F11 на клавиатуре.
Откройте меню Firefox в верхней части экрана и выберите значок полноэкранного режима с наклонной двунаправленной стрелкой рядом с параметром "Масштаб".

Запуск полноэкранного режима в Internet Explorer

Есть два способа открыть страницу в полноэкранном режиме в Internet Explorer.

Нажмите клавишу F11 на клавиатуре компьютера.
Следуйте этому: Инструменты > Файл > Полноэкранный режим.

Развертывание Microsoft Edge в полноэкранный режим

Включить полноэкранный режим можно двумя способами.

Нажмите F11 на клавиатуре.
Откройте "Настройки" и выберите значок наклонной двунаправленной стрелки рядом с параметром "Масштаб", когда вы находитесь на нужной странице.

Включить полноэкранный режим Opera

В браузере Opera это можно сделать тремя способами.

Нажмите кнопку F11.
Нажмите правой кнопкой мыши на экран и выберите "Войти в полноэкранный режим".

Нажмите на маленький значок Opera, чтобы открыть меню «Настройка и управление», и выберите «Полный экран» в подменю «Страница» над параметром «Масштаб».

Как перейти в полноэкранный режим?

Нажмите клавишу F11 на клавиатуре, чтобы перейти в полноэкранный режим во всех браузерах для Windows. Универсальная клавиатурная команда для этого — Windows + Shift + Enter. Если вы используете Mac, сочетание клавиш Ctrl + Command + F.

Скотт Оргера — бывший писатель Lifewire, освещающий технологии с 2007 года. Он имеет более 25 лет опыта работы программистом и руководителем отдела контроля качества, а также имеет несколько сертификатов Microsoft, включая MCSE, MCP+I и MOUS. Он также имеет сертификат A+.

Что нужно знать

На Mac выберите зеленый кружок в верхнем левом углу Chrome или используйте сочетание клавиш Ctrl + Command + F.
В Windows нажмите F11 или выберите три точки в правом верхнем углу и нажмите квадратный значок в разделе "Масштаб".
Чтобы увеличить текст в Chrome, удерживайте нажатой клавишу Ctrl или Command и нажимайте плюс (+) или минус (-) на клавиатуре, чтобы увеличить или уменьшить масштаб.

В этой статье объясняется, как использовать полноэкранный режим в Google Chrome для Windows и macOS.

Включить и отключить полноэкранный режим Chrome в macOS

Для Chrome на macOS: в верхнем левом углу Chrome выберите зеленый кружок, чтобы перейти в полноэкранный режим, и еще раз, чтобы вернуться к полноэкранному режиму.

Есть еще два варианта активации полноэкранного режима:

Чтобы выйти из полноэкранного режима, повторите этот процесс.

Включить и отключить полноэкранный режим в Chrome для Windows

Самый быстрый способ перевести Chrome в полноэкранный режим в Windows — нажать F11 на клавиатуре. Другой способ — через меню Chrome:

В правом верхнем углу Chrome выберите значок меню (три точки).

В разделе "Масштаб" выберите квадратный значок справа.

Чтобы вернуться к стандартному виду, нажмите F11 или наведите указатель мыши на верхнюю часть экрана и выберите появившуюся кнопку X.

О полноэкранном режиме Chrome

Полноэкранный режим Google Chrome скрывает отвлекающие факторы на рабочем столе, в том числе панель закладок, кнопки меню, открытые вкладки, а также системные часы и панель задач. Когда вы используете полноэкранный режим, Chrome занимает все пространство на экране.

Как увеличить страницы в Chrome

В полноэкранном режиме отображается большая часть страницы, но текст не увеличивается. Чтобы увеличить текст, используйте параметр Масштаб.

В правом верхнем углу Chrome выберите значок меню (три точки).

Перейдите в Масштаб и выберите +, чтобы увеличить содержимое страницы, или выберите -, чтобы уменьшить размер.

В качестве альтернативы можно использовать сочетания клавиш для изменения размера содержимого страницы. Удерживая нажатой клавишу Ctrl (или клавишу Command на Mac), нажимайте клавиши "плюс" или "минус" на клавиатуре, чтобы увеличить или уменьшить масштаб соответственно.

Fullscreen API добавляет методы для представления определенного элемента (и его потомков) в полноэкранном режиме и для выхода из полноэкранного режима, когда он больше не нужен. Это позволяет отображать желаемый контент, например онлайн-игру, на весь экран пользователя, удаляя с экрана все элементы пользовательского интерфейса браузера и другие приложения до отключения полноэкранного режима.

Дополнительные сведения об использовании API см. в статье Руководство по полноэкранному API.

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

Интерфейсы

Fullscreen API не имеет собственных интерфейсов. Вместо этого он дополняет несколько других интерфейсов, добавляя методы, свойства и обработчики событий, необходимые для обеспечения полноэкранных функций. Они перечислены в следующих разделах.

Методы

Fullscreen API добавляет в интерфейсы Document и Element методы, позволяющие включать и выключать полноэкранный режим.

Методы интерфейса документа

Запрашивает, чтобы пользовательский агент переключился из полноэкранного режима обратно в оконный. Возвращает обещание, которое разрешается после полного отключения полноэкранного режима.

Методы интерфейса Element

Просит пользовательский агент перевести указанный элемент (и, соответственно, его потомков) в полноэкранный режим, удаляя с экрана все элементы пользовательского интерфейса браузера, а также все другие приложения. Возвращает обещание, которое разрешается после активации полноэкранного режима.

Свойства

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

Свойство fullscreenElement сообщает вам об элементе, который в данный момент отображается в полноэкранном режиме в DOM (или теневой DOM). Если это значение null , документ (или теневой DOM) не находится в полноэкранном режиме.

Свойство fullscreenEnabled указывает, можно ли включить полноэкранный режим. Это неверно, если полноэкранный режим недоступен по какой-либо причине (например, функция «полноэкранный режим» не разрешена или полноэкранный режим не поддерживается).

Устаревшие свойства

Логическое значение, которое является истинным, если в документе есть элемент, отображаемый в данный момент в полноэкранном режиме; в противном случае возвращается false .

Примечание. Вместо этого используйте свойство fullscreenElement в Document или ShadowRoot; если это не null , то это элемент, отображаемый в настоящее время в полноэкранном режиме.

События

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

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

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

Управление доступом

Доступностью полноэкранного режима можно управлять с помощью Feature Policy. Функция полноэкранного режима идентифицируется строкой «fullscreen» со значением списка разрешений по умолчанию «self» , что означает, что полноэкранный режим разрешен в контекстах документов верхнего уровня, а также во вложенных контекстах просмотра, загруженных из того же источника. как самый верхний документ.

См. Использование политики функций, чтобы узнать больше об использовании политики функций для управления доступом к API.

Примечания по использованию

Пользователи могут выйти из полноэкранного режима, нажав клавишу ESC (или F11 ), не дожидаясь, пока сайт или приложение сделают это программно. Убедитесь, что вы предоставили где-то в своем пользовательском интерфейсе соответствующие элементы пользовательского интерфейса, которые информируют пользователя о том, что эта опция ему доступна.

Примечание. Переход на другую страницу, изменение вкладок или переключение на другое приложение с помощью любого переключателя приложений (или Alt + Tab ) также приводит к выходу из полноэкранного режима.

Примеры

Простое использование в полноэкранном режиме

В этом примере видео представлено на веб-странице. Нажатие клавиши Enter позволяет пользователю переключаться между оконным и полноэкранным представлением видео.

Наблюдение за клавишей Enter

Когда страница загружается, этот код запускается, чтобы настроить прослушиватель событий для отслеживания нажатия клавиши Enter.

Переключение в полноэкранный режим

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

Начнем с просмотра значения атрибута fullscreenElement документа. В реальном развертывании в это время вы захотите проверить версии с префиксом (например, mozFullScreenElement , msFullscreenElement или webkitFullscreenElement ). Если значение равно null , документ в данный момент находится в оконном режиме, поэтому нам нужно переключиться в полноэкранный режим; в противном случае это элемент, который в данный момент находится в полноэкранном режиме. Переключение в полноэкранный режим осуществляется вызовом Element.requestFullscreen() для элемента.

Если полноэкранный режим уже активен ( fullscreenElement не равен null ), мы вызываем exitFullscreen() для документа, чтобы отключить полноэкранный режим.

Нажмите "Полный экран", чтобы переключиться в полноэкранный режим.

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

Google Chrome

Нажмите значок шестеренки в правом верхнем углу экрана, чтобы открыть меню настроек.

Нажмите "Полноэкранный режим", чтобы переключиться в полноэкранный режим.

Нажмите "F11", чтобы выйти из полноэкранного режима и вернуться к стандартному виду окна.

Опера

Нажмите кнопку "Вид" на верхней панели навигации Opera, чтобы открыть меню "Вид".

Нажмите "Полный экран", чтобы начать просмотр в полноэкранном режиме.

Нажмите "F11" на клавиатуре, чтобы вернуться к обычному виду.

Клавиша F11 позволяет переключаться между полноэкранным и стандартным режимами во всех основных веб-браузерах, включая Internet Explorer.

Информация, представленная в этой статье, относится ко всем версиям Google Chrome, Opera 10 и Firefox 22 для Windows. Инструкции могут незначительно или существенно отличаться для других версий программного обеспечения.

Тэмми Коломбо, проживающая в мировой столице живой музыки, продолжает работать в сфере информационных технологий уже более 10 лет. Живя в Остине, Коломбо участвовал в крупных проектах штата Техас, технологических компаний из списка Fortune 500 и различных некоммерческих организаций. Коломбо начал профессионально писать в 2009 году.

Читайте также: