Зачем тестировать верстку на локальном сервере?

Question

[i931]

Я - начинающий верстальщик, и на первых же этапах знакомства с темой возник вопрос: зачем поднимать локальный сервер для тестирования верстки, если достаточно просто открыть .html страничку, к которой подтянутся стили и скрипты из соседних папок? Например, Gulp поднимает локальный сервер по адресу localhost:3000. Чем это может помочь при тестировании верстки?

Answer 1

[Анита Ковалева]

Gulp и локальный сервер нужен не для тестирования в своем большинстве, а для удобной разработки и в дальнейшем отладки.

Представьте, вы верстаете свою первую html страничку, пляшете и в восторге хлопаете в ладоши, оно вам нравится, вы получаете кайф от технологий, верстки и тд. Проходит время - вы добавили в своё портфолио 2,3 работы. Верстка становится однотипной, немного рутинной, процесс такой же долгий как в первый раз и вы начинаете думать об "автоматизации" процесса. В вашей голове возникает мысль "Я не хочу постоянно жать F5 и обновлять страницу после каждого изменения, хочу что бы все было на лету". Вы ставите gulp-browsersync и получаете наслаждение от того что процесс автоматизирован. Дальше вы ставите gulp-минификацию, конкатенацию, префиксы, сжатие, возможно какие-то приблуды для отладки, которые помогают вам верстать быстрее, лучше, делать код чистым и красивым.

Рынок очень динамичный, если вы будете разрабатывать старым дедовским способом открывая каждую отдельную страничку html - далеко вы не уедите. Не говоря уже о CMS системах, через которые удобно работать на локальном сервере в связки с gulp. Там вы уже пишете не html, а допустим php - и browsersync все так же работает.

Answer 2

[Евгений Вольф]

Например, сборщик Gulp поднимает локальный сервер по адресу localhost:3000. Чем это может помочь при тестировании верстки?

Насколько я помню, сам Gulp ничего не поднимает, но это не суть... Сервер, локальный, нужен как минимум для возможности указания корректных по отношению к корню сервера путей, для тех же картинок, например: <img src="/img/image1.png" alt="#" /> - без локального сервера будет работать "никак". Уже этого факта достаточно, что бы этот самый сервер поднимать :)

Answer 3

[oelena]

Как минимум в gulp есть plumber и вы не пропустите свои ошибки. А еще позволяет использовать различные препроцессоры облегчающие жизнь верстальщика))). Это все намного ускоряет процесс.