Обновление страницы в браузере¶
Обновление страницы в браузере — повторная загрузка текущего веб-документа с сервера или из локального кеша браузера. Операция выполняется пользователем вручную или автоматически (например, при истечении заданного интервалом времени). Наиболее распространённая горячая клавиша для обновления страницы — F5; альтернативный вариант — сочетание Ctrl + R (в некоторых браузерах также Cmd + R на macOS).
¶Способы обновления страницы
Обновление страницы можно выполнить несколькими способами:
- Клавиша F5 — универсальный способ, работающий практически во всех браузерах (Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Safari и других).
- Сочетание Ctrl + R — альтернатива F5, стандартная в Linux-окружениях и работающая в большинстве браузеров; на macOS используется Cmd + R.
- Кнопка обновления в интерфейсе браузера — иконка со стрелкой или круговой стрелкой, расположенная рядом с адресной строкой.
- Контекстное меню — правый щелчок по странице с выбором пункта «Обновить» (в некоторых браузерах пункт доступен только в меню браузера).
- Автоматическое обновление — выполняется по таймеру или с помощью мета-тега
http-equiv="refresh"в HTML-коде страницы.
¶Жёсткое обновление
Помимо обычного обновления существует понятие жёсткого (принудительного) обновления (hard refresh), при котором игнорируется локальный кеш страницы и все ресурсы (HTML, CSS, JavaScript, изображения) загружаются заново с сервера. Это полезно при разработке веб-сайтов, когда после правки кода требуется увидеть изменения без привязки к сохранённой копии.
| Сочетание клавиш | Действие |
|---|---|
| F5 | Обычное обновление страницы |
| Ctrl + F5 | Жёсткое обновление с игнорированием кеша |
| Ctrl + Shift + R | Жёсткое обновление (альтернативный вариант) |
| Ctrl + R | Обновление страницы (эквивалент F5) |
В Microsoft Edge и Google Chrome для жёсткого обновления также можно использовать сочетание Ctrl + Shift + R. В Mozilla Firefox аналогом является Ctrl + F5 или Ctrl + Shift + R.
¶Поведение при обновлении
При обычном нажатии F5 браузер отправляет на сервер HTTP-запрос с заголовком Cache-Control: max-age=0 либо If-Modified-Since, позволяющим серверу вернуть код 304 (Not Modified), если содержимое не изменилось. В этом случае используется локальная копия, что ускоряет загрузку. При жёстком обновлении браузер игнорирует кеш и запрашивает полную версию ресурса.
Для динамических страниц (например, веб-приложений) обновление приводит к перезагрузке всего документа и потере текущего состояния — содержимого форм, позиции прокрутки, состояния JavaScript-приложения. Поэтому во многих веб-приложениях F5 может быть переопределён разработчиком, например для предупреждения о несохранённых данных.
¶F5 как часть стандартов и истории
Клавиша F5 входит в набор функциональных клавиш F1–F12, стандартизированных для IBM PC-совместимых клавиатур. Изначально функциональные клавиши использовались в текстовых редакторах и операционных системах (MS-DOS, Norton Commander), где F5 традиционно отвечал за обновление или копирование. В браузерах F5 закрепилась как клавиша обновления страницы с момента появления первых графических браузеров — Mosaic и Netscape Navigator в начале 1990-х годов.
Сочетание Ctrl + R (reload) получило распространение в UNIX-подобных системах и стало стандартом для Linux-дистрибутивов, где F5 на некоторых клавиатурах может быть зарезервирована системой или менеджером окон.
¶Особенности на разных платформах
- Windows — F5 и Ctrl + R работают во всех основных браузерах без изменений.
- macOS — используется Cmd + R; F5 на Apple-клавиатурах может управлять подсветкой клавиш (на моделях с Touch Bar и старше) или звуком, поэтому основной клавишей обновления является сочетание с Cmd.
- Linux — работают оба варианта: F5 и Ctrl + R.
- Мобильные устройства — кнопка обновления в интерфейсе браузера или свайп-жест вниз (pull-to-refresh), набравший широкое распространение после появления в мобильных приложениях.
¶Автоматическое обновление
Веб-страница может обновляться автоматически без участия пользователя. Наиболее простой способ — HTML-тег:
``html <meta (организация признана экстремистской, деятельность запрещена в РФ) http-equiv="refresh" content="30"> ``
Этот код заставляет браузер обновить страницу каждые 30 секунд. Механизм используется на страницах с часто меняющимися данными (котировки, расписания, результаты трансляций), однако может вызывать критику из-за неудобства для пользователя и негативного влияния на доступность (accessibility). Альтернативный подход — обновление отдельных частей страницы с помощью AJAX или технологий Server-Sent Events без перезагрузки всего документа.
Источники:
- Документация Mozilla Firefox: горячие клавиши
- Документация Google Chrome: управление браузером с клавиатуры
- RFC 7234 — Hypertext Transfer Protocol (HTTP/1.1): Caching
- HTML Living Standard, WHATWG: элемент meta, атрибут http-equiv