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

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

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

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

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

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

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

Понравилась статья?

Тогда оставь свой комментарий или расскажи о ней своим друзьям и коллегам.

Комментарии ВКонтакте

Добавить комментарийКомментариев (7)

Лидия 23 февраля в 22:40

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

Ответить

Сергей вчера в 15:46

усе, платный он теперь, не актуально

Ответить

Александр 23 марта 2016 г. в 20:43

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

Ответить

Олег 17 марта 2016 г. в 19:54

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

Ответить

Николай 17 марта 2016 г. в 17:34

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

Ответить

Алексей 17 марта 2016 г. в 16:37

Спасибо 😉

Ответить

Шамиль 17 марта 2016 г. в 11:13

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

Ответить
Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад