LivePage – автообновление страницы браузера во время верстки сайта

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

Если вам надоедает подобная практика, то вы можете воспользоваться специальным дополнением для браузера, оно называется LivePage. С его помощью, верстаемая вами страница, будет автоматически обновляться, как только вы внесли какие-то изменения на ней и сохранили их.

Более подробно, я рассказал об этом в данном видеоуроке.

Признаюсь честно, я уже раньше пробовал подобные решения для автообновления, но по началу мне как-то не особо это пришлось по душе, поэтому я всегда делал обновления ручками, нажимал F5 и не парился. Сейчас же у меня обратная ситуация, попробовав еще раз, я наоборот подсел на данное решение 🙂

Поэтому решайте сами, нужно вам оно или нет.

P.S. Дополнение LivePage подходит только для браузера Google Chrome, если вы пользуетесь другим браузером, то присмотритесь к аналогичным решениям которые написаны для вашего браузера.

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

  • 27.10.2017 14:32

    Да ладно всего 2 бакса, а в breakets эта функция часто слетает и приходится заново запускать….

    139 рублей никто не займет?

  • Я благодарна Александру, за качественную подачу материала. Все подробно, наглядно, понятно! И больше всего меня удивило – это моментальная обратная связь. Чувствуется подходит с душой к своему делу.

  • Спасибо за видеоуроки.

  • 17.03.2016 19:54

    Есть еще редактор Brackets, который отображает изменения в режиме реального времени без установки плагинов. Видеоурок с демонстрацией режима Live Preview — https://www.youtube.com/watch?v=BYHJ8c-nvck&index=7&list=PLPpaecEYRC8bGw3oj3ecnPjSe09r4bPyo

  • То же самое и с Мазилой. Плагин Auto Reload. Насчет высоты div равная ширине css, не пробовал использовать совместно с Flex Box? Походу интересный результат должен получиться.

  • Спасибо 😉

  • 1. Использую Grunt (настроен пол LESS и ещё небольшие настройки) в связке с плагином LiveReload
    2. Тестирую Gulp и плагин для него BrowserSync интересная штука, советую поюзать)