Как сделать автоматическую перезагрузку страницы в браузере
Приветствую!
При работе в Интернет возникают разные задачи. И одной из таких задач является автоматическое обновление интересующей страницы сайта. Это может быть нужно для отслеживания появления нового контента, к примеру, на форуме. Или ещё вариант – поддержка статуса «в сети» в социальной сети.
Это далеко не все причины, по которым может понадобиться в автоматическом режиме обновлять открытую во вкладке страницу того или иного сайта. И задача данного материала – реализовать данную возможность.
Мы рассмотрим, как можно наделить большинство существующих браузеров данным функционалом, включая мобильный браузер, дабы и на смартфоне можно было включить автообновление интересующей страницы сайта.
Обновляем открытую страницу в браузере автоматически через определённый промежуток времени
Интересующий нас функционал реализовывается за счёт установки в браузер необходимого расширения. В данном случае этим расширением является «ChromeReloadPlus». В названии фигурирует Chrome, что подразумевает, что расширение предназначено для одноимённого браузера. Но это совсем не так. Оно отлично устанавливается и функционирует в браузерах, которые основаны на коде Chromium, а это очень обширный список браузеров, к примеру: Opera, Vivaldi, Яндекс Браузер, Comodo и так далее.
С этим моментом прояснили, теперь давайте рассмотрим его функционал.
-
Установив расширение в браузер, его пиктограмма будет отображена в соответствующей области.
- Выбор фиксированного времени обновления страницы из вариантов, что располагаются в диапазоне от 5 секунд, до 30 минут.
- Выбрать случайное время обновления (random). Каждое обновление страницы будет осуществляться через разный промежуток времени, однако оный ограничен диапазоном, что указан выше.
- Указать конкретное количество минут, через которое должно осуществляться обновление страницы.
И в начале данного материала говорилось о возможности добавить автообновление страниц и в мобильный браузер. «Яндекс Браузер» для смартфона – один из очень немногих мобильных браузеров, который поддерживает установку расширений. Просто установите в него расширение, что приведено в статье, и включите автообновление желаемой страницы, нажав на Меню -> Дополнения -> Reloader.
Вот так, с помощью бесплатного и популярного расширения, можно наделить популярные браузеры необходимым функционалом: функцией автоматического обновления той или иной открытой в браузере страницы сайта.
Мы рады, что смогли помочь Вам в решении поставленной задачи или проблемы.
В свою очередь, Вы тоже можете нам очень помочь.
Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.
Поделившись результатами труда автора, вы окажете неоценимую помощь как ему самому, так и сайту в целом. Спасибо!
Доброго времени суток!
При работе в интернет браузере может возникнуть необходимость в автоматической перезагрузке той или иной страницы, что открыта в браузере. К примеру, это может пригодиться в ситуации, если вы «мониторите» изменения на сайте, но не готовы постоянно нажимать на кнопку перезагрузки страницы.
Дабы оснастить браузер этой полезной функциональной возможностью, мы воспользуемся одним из популярных расширений. Речь пойдёт о расширении «ChromeReloadPlus». Хотя в его названии и присутствует «Chrome», само расширение полностью совместимо и отлично работает в других браузерах (что основаны на Chromium): Opera Browser, Яндекс Браузер, Vivaldi, Orbitum и т.д.
Давайте теперь детально рассмотрим имеющийся у расширения «ChromeReloadPlus» функционал.
Перезагружаем страницы в интернет браузере по таймеру
Как только вы установите расширение, вы увидите появившуюся пиктограмму часов в панели инструментов браузера (находится рядом со строкой ввода Internet-адреса).
Наведя курсор и нажав по этой пиктограмме мышкой, вы увидите всплывшее меню, в котором задаётся время для перезагрузки текущей открытой вкладки.
Из вариантов выбора имеются как короткие промежутки между перезагрузкой страницы (5, 15, 30 секунд), так и длительные (1, 2, 5, 15, 30 минут). Также существует вариант Random (что в переводе означает – «случайный»), установив который, страница будет перезагружаться через случайный промежуток времени (от 1 секунды, до 30 минут).
Естественно, имеется возможность задать конкретный период перезагрузки открытой вкладки с точностью до секунды. За это отвечает последний пункт.
После установки времени перезагрузки страницы, на пиктограмме с часами выводится таймер отсчёта, который показывает оставшееся время до следующей перезагрузки – весьма наглядно и очень удобно.
Время автоматического обновления содержимого страницы устанавливается персонально для каждой открытой вкладки, а это значит, что при необходимости можно задействовать сразу несколько таймеров и с разным временем обновления контента.
Расширение полностью бесплатно, не обременено никакими излишними возможностями. Его работа не оказывает никакого негативного влияния на производительность браузера.
Видеоинструкция
Мы рады, что смогли помочь Вам в решении поставленной задачи или проблемы.
В свою очередь, Вы тоже можете нам очень помочь.
Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.
Поделившись результатами труда автора, вы окажете неоценимую помощь как ему самому, так и сайту в целом. Спасибо!
Попробуйте найти другие ответы на сайте
. или задайте вопрос в комментариях, где Вам обязательно ответят в кратчайшие сроки.
Tab Reloader
Очень простое расширение, не имеющее никаких дополнительных настроек. Единственное, что здесь доступно, — выбор времени, после которого произойдет перезагрузка страницы, при помощи заготовленных вариантов или самостоятельного ввода. В отличие от большинства других расширений поддерживает удобную установку длительного периода (от суток и более). После включения на иконке дополнения появится таймер с отсчетом до момента перезагрузки.
Обновляет как активную, так и фоновые вкладки. Важно и то, что Tab Reloader обходит всплывающее окно с вопросами типа: «Вы уверены, что хотите обновить страницу?». После выбора нескольких страниц для перезагрузки в дальнейшем можно будет остановить этот процесс сразу для всех них одной кнопкой. Дополнение подойдет всем тем, кто не планирует выполнять какую-либо настройку приложения и не нуждается в расширенных возможностях.
Super Easy Auto Refresh
В отличие от предыдущего варианта, этот не позволяет ввести время для перезагрузки собственноручно. Сам таймер здесь тоже имеет небольшие интервалы — от 2 секунд до 1 часа, больше выставить нельзя. Однако тут присутствует пара дополнительных настроек, которые могут пригодиться пользователю:
- Обход кеша при перезагрузке страницы — если необходимо обновлять страницу с очищением кеша (аналог сочетания клавиш Ctrl + F5), понадобится включить поддержку этой функции в параметрах Super Easy Auto Refresh.
- Отображение таймера на значке расширения — после включения отсчета на иконке появится таймер, показывающий, через сколько времени произойдет перезагрузка. Включено автоматически.
- Добавление в контекстное меню — добавляет в меню, вызываемое правой кнопкой мыши на странице, пункт с данным расширением. Через него можно выбрать любой из тех же таймеров, что представлены в графическом меню, и воспользоваться настройками.
Еще один минус — нельзя отменить обновление нескольких страниц.
Super Simple Auto Refresh
Практически полный аналог Super Easy Auto Refresh, являющийся его улучшенной версией в плане функциональности. Те, для кого не хватает возможностей упомянутого дополнения, но нравится его концепция, могут присмотреться к этому. Помимо заготовок с вариантами отсчета времени, пользователь может выставить собственное число продолжительностью до 24 часов. В панели управления расширением отображается список вкладок, для которых установлена перезагрузка, а также выбранный промежуток времени с возможностью изменения и остановки, и оставшееся до обновления время.
Настроек у дополнения мало, но кому-то они покажутся полезными: можно управлять отображением таймера с отсчетом, синхронизировать персональные настройки обновления вкладок между всеми браузерами, где установлено это расширение и осуществлен вход в Google-аккаунт. Доступна перезагрузка с обходом кеша на усмотрение юзера, можно включить отображение вариантов перезагрузки в 1, 2 или 3 колонки.
Auto Refresh Pro
Самое простое расширение из представленных сегодня: не имеет практически никаких настроек, заготовок от разработчика и особых параметров этой процедуры. Пользователь может только выставить время в минутах и секундах (поддерживается ввод любого количества минут) и нажать кнопку старта. Для удобства дополнение предлагает включить или отключить иконку таймера на кнопке Auto Refresh Pro и установить введенное время по умолчанию, то есть если выставить 1 час и 20 минут до обновления, при вызове меню расширения это же время будет прописано автоматически и останется лишь нажать «Start».
Auto Refresh Plus — ARP
Помимо всего, изменяется формат таймера и активируется мониторинг страницы. Последнее позволяет настроить уведомления в случае выбранного варианта изменения целевого текста (его появления или удаления), включить и настроить звуковое оповещение.
Tab Reloader (page auto refresh)
Одно из самых функциональных решений, которое вряд ли понадобится обычному пользователю, но будет актуально для всех тех, кому часто приходится сталкиваться с выполнением этой задачи в рабочих или личных целях. Расширение поддерживает установку таймера длительностью до 1 месяца, а также имеет ряд дополнительных настроек:
- Отключение перезагрузки вкладки, если та активна.
- Обход кеша при обновлении вкладки (включение перезагрузки, аналогичной Ctrl + F5).
- Обход окна отправки формы, мешающей перезапуску (всплывающего окна с ручным подтверждением перезагрузки).
- Прокручивание в низ страницы после каждой перезагрузки.
- Запуск своего JavaScript-кода.
- Одновременное обновление всех вкладок или всех вкладок в одном окне веб-обозревателя, мгновенная приостановка работы.
На личное усмотрение пользователь может отключать счетчик всех перезагружаемых вкладок, изменять количество секунд, в течение которых после перезапуска браузера расширение восстанавливает свою работу, или вовсе деактивировать эту функцию. Доступно редактирование оригинальных браузерных уведомлений. В настройках есть еще больше специфических настроек для управления работой Tab Reloader (page auto refresh). Больше информации вы найдете в FAQ, посвященном работе расширения, правда, этот справочный материал на английском языке.
Tab Auto Refresh (только Mozilla Firefox)
Для Mozilla Firefox подобных расширений существенно меньше, и из перечисленных выше лишь последнее подходит для него и Chrome. Однако несколько дополнений все же имеется, и лучше всего они работают на современных версиях этого браузера, а вот стабильная работа на устаревших версиях не гарантируется. Первым таким приложением является Tab Auto Refresh — очень простое и имеющее графическое меню управления.
Пользователю предлагается выставить время в секундах самостоятельно, по необходимости включить обход кеша при перезагрузке (аналог сочетания клавиш Ctrl + F5) и сброс вкладки, при котором все изменения будут отменяться и страница будет прокручена вверх. Больше никаких возможностей здесь нет, поэтому тем, кому нужна функциональность, лучше обратиться к Tab Reloader (page auto refresh) или к Auto Reload Tab.
Auto Reload Tab (только Mozilla Firefox)
У этого расширения отсутствует графическое меню, поэтому для установки таймера пользователю понадобится кликнуть по вкладке, для которой производится установка, правой кнопкой мыши, и из контекстного меню выбрать пункт «Auto Reload Page».
Отобразится список, состоящий из заготовок таймеров, кнопки с опциями и отключения перезагрузки. В расширенных настройках вы можете отредактировать список заготовок, изменив время и/или удалив ненужные варианты. Кроме того, для каждого сайта позволяется вручную задать собственный таймер в часах, минутах или секундах, отменить обновление после начала взаимодействия со страницей.
ReloadMatic: Automatic Tab Refresh (только Mozilla Firefox)
Практически идентичное предыдущему решение в плане управления — клик ПКМ по вкладке отображает встроенное расширение, через текстовое меню которого можно им управлять. Однако функциональность у ReloadMatic: Automatic Tab Refresh существенно выше и интереснее:
- Настраиваемый интервал для обновления в часах, минутах и секундах.
- Запоминание внесенных для страницы настроек, автоматически загружающихся каждый раз, когда вы будете открывать этот сайт. Работает функция и после перезапуска браузера и компьютера.
- Возможность случайной перезагрузки, а не в точно заданный период времени.
- Перезапуск только в случае неудачи — страница будет обновляться лишь при серверных или других ошибках, из-за которых она не может отобразиться. Как только процесс увенчается успехом и сайт заработает, перезагрузка прекратится.
- Поддержка интеллектуальной перезагрузки, осуществляющейся после того, как пользователь закончит взаимодействие со страницей. Используется для избежания утери вводимых данных при наступлении времени обновления.
- Прикрепление перезагрузки к вкладке — в пределах одной вкладки вы будете открывать разные URL, но обновление продолжится по заданному таймингу. В то время как в обычных условиях подобные расширения прекращают обновление.
- Обход локального кеша с перезагрузкой, аналогичной клавишам Ctrl + F5.
- Перезагрузка с фиксированным URL — введите адрес страницы, которую хотите видеть после перезагрузки, и даже если вы будете переходить по другим адресам, с фиксированной перезагрузкой все равно откроется заданный ранее сайт.
- Мгновенная перезагрузка одной или всех вкладок и быстрое отключение этой процедуры.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Иногда появляется необходимость делать периодическое обновление страниц в браузере, например, у разработчиков сайтов в этом есть постоянная потребность. Чтобы браузер автоматически обновлял страницу можно написать мини-скрипт на jQuery, что очень долго и не каждому под силу. Можно поступить проще и настроить автообновление в любом современном браузере всего за пару минут. В этой статье мы рассмотрим, как сделать эту функцию в Google Chrome, Yandex Browser, Mozilla Firefox и Opera.
Автообновление в Google Chrome и Яндекс Браузер
Все приложения, размещённые в этом веб-магазине абсолютно совместимы с браузером Яндекса. Далее скачиваем и устанавливаем в браузере веб-приложение Easy Auto Refresh. Также можно пользоваться ChromeReload – это приложение имеет схожий функционал с Easy Auto Refresh, но оно более совместимо с Google Chrome. Вот как выглядит это расширение в каталоге:
Нажмете кнопку «установить», после чего приложение само установиться на ваш браузер. Затем выбираете с каким интервалом вам необходимо обновлять страницу (в секундах) и нажимаете «старт». Чтобы остановить автообновление нужно нажать «стоп». Автообновление будет производится на той странице, где вы производили настройки расширения в последний раз.
Автообновление в Mozilla Firefox
Гибкий и легко настраиваемый браузер. В самом браузере нет встроенной функции автообновления страниц, но её можно сделать при помощи расширений. Переходим в меню браузера, ищем «дополнения», затем в поиске вбиваем ReloadEvery и устанавливаем его. Браузер сам выполнит установку и попросит перезапуститься.
Когда расширение стало полностью функциональным, то можно настраивать автообновление страницы. Для этого щёлкните правой кнопкой мыши на нужной вкладке, в выпавшем меню выберете «автообновление», укажите нужный интервал и нажмите «включить».
Автообновление в Opera
В старых версиях этого браузера имеется встроенная функция автообновления страниц, в новой же версии такая функция не предусмотрена. Если у Вас старая версия браузера, то просто щёлкните правой кнопкой мыши по нужной вкладке в браузере и в появившемся меню выберите пункт «автообновление» или «reload every», затем произведите все необходимые настройки и включить автообновление.
После того как вы добавили расширение, перезапускаем браузер. Далее в адресной строке появляется специальный значок, с помощью которого вы можете настраивать автообновление страниц.
В этом руководстве вы узнаете о перезагрузке страницы в браузере – особенно автоматической – и мы рассмотрим три способа это осуществить. Начнем!
Начинаем!
Давайте взглянем на типичное рабочее окружение фронт-энд разработчика: у вас есть редактор кода, возможно вы пишите немного HTML кода, затем у вас есть CSS, который может включать в себя Sass, и браузер для тестирования Каждый раз, когда вы делаете изменения в коде, вы возвращаетесь в браузер, жмете обновить и смотрите на изменения.
Это может показаться быстрым актом, но подумайте о том, что вы нажимаете ее постоянно. Это однозначно можно улучшить. Давайте взглянем на три инструмента, которые позаботятся целиком о процессе обновления страницы, автоматически.
LiveReload
LiveReload существует давно и он хорош. Он имеет приложения для Mac OS и Windows, а стоит (на момент статьи) $9.99.
Начните с добавления JavaScript сниппета в ваши файлы, либо же в сочетании с расширением для браузера. Если вы используете расширение, вам понадобится указать настройки, чтобы убедиться, что доступ к файлам включен.
Полезные ссылки
Grunt Watch
Если вам удобно использовать командную строку, я рекомендую взглянуть на этот вариант. Grunt – это JavaScript исполнитель, вы можете использовать его для автоматизации различных задач, которыми обычно вы занимаетесь вручную – включая обновления страницы в браузере.
Мы используем плагин Grunt Watch (который, на деле, называется ”grunt-contrib-watch“), который вам нужно будет загрузить через NPM.
Задача Watch в нашем gruntfile.js включает livereload: true , и на следит за всеми файлами в вашем проекте.
Вновь, нам понадобится расширение LIveReload для браузера. Все будет работать также, плюс вы сможете добавить еще какие-то задачи.
Источники Grunt
Browsersync
Третий способ, который быстро становится моим фаворитом, это Browsersync. Browsersync – это намного больше, чем простое обновление страницы; он помогает также проводить синхронное тестирование в разных браузерах.
Чтобы все заработало, вам понадобится Node.js, так что начнем с его установки. Чтобы понять, как это будет работать, ознакомьтесь со статьей "Командная строка для веб-дизайнера: подключаем сторонние пакеты". Как только мы установим Node, начнем установку Browsersync следующей командой npm (Node Package Manager):
Чтобы использовать Browsersync, нам понадобится другая команда, и она будет меняться в зависимости от того, чего мы конкретно хотим. Например, эта команда настроит статичное серверное окружение и предложит, чтобы Browsersync следил за всеми файлами для автоматического обновления:
Чтобы ознакомиться со всеми досупными командами, ознакомьтесь с документацией.
Полезные ссылки
Заключение
Вот и все! Надеюсь это руководство убедило вас перестать тратить время и попробовать хотя бы один из этих способов для автоматического обновления страниц в браузере. Если у вас есть еще какие-то способы, поделитесь ими в комментариях!
Читайте также: