Viper, профит огромный если необходимо использовать препроцессоры: имеется куча CSS/LESS/SASS файлов и в процессе верстки/капитальной переделки дизайна приходится вносить кучу изменений. Если обновлять браузер ручками - быстро задалбываешься и теряешь концентрацию.
За полчаса настраивается gulp/grunt который следит за изменением стилей. Если один из файлов изменился, пересобирает итоговый файл стилей и тут начинается самая магия: Через сокеты сервер лайврэлоада пинает расширение в браузере, и это расширение налету подменяет стили в документе(т.е. не происходит новая загрузка страницы и изображений, просто подменяются конкретные файлы стилей).
В итоге как только документ сохраняется редакторе - в браузере изменяются стили. Происходит мгновенно.
Недавно переезжали с Bootstrap 2 на Bootstrap 3. Gulp-watch + LiveReload было очень кстати.
В случае с изменением JS и HTML просто перезагрузить всю страницу, не так быстро, но тыкать руками не нужно самому. Если интересно еще можно посмотреть на реализацию в WebStorm. Там чуть ли не подсветка элементов в редакторе предусмотрена при наведении в браузере(у нас куча мелких шаблонов в проекте, не приходилось пользоваться).
caballero, у товарища в команде OS X и вот там на F5 какая-то функция ОСи, и нифига не перезагрузка страницы. Напрягает бешено, когда приходится сидеть за маком (Отредактировано автором: 08 Сентября, 2014 - 02:39:22)
|