Validcode.ruРазбираемся в верстке и не только… вместе

После того как макет дизайна был сверстан, необходимо протестировать как он работает в разных браузерах, и, если это необходимо, устранить ошибки и недочеты. Лично у меня для этих целей установлены IE, FireFox и Opera. Но иногда заказчики просят, чтобы верстка выглядела идентично не только в этих браузерах, но еще к примеру и в Safari. А иногда бывает и так, что проблемы возникают для одного браузера разных версий.

У меня был один заказчик, который попросил поправить баги верстки под Safari. Поскольку этого браузера у меня под рукой не оказалось, а копаться в интернете, для того, чтобы найти и установить его у меня не было желания, я решил воспользоваться сервисом BrowserShots. Тогда это, кстати, была первая моя встреча с ним, и после этого сервис помогал мне не один раз.

Сервис BrowserShots — бесплатный open-source сервис, созданный Johann C. Rocholl.
Он позволяет протестировать сайт практически во всех существующих браузерах под разными операционными системами.

Вот так выглядит главная страница сервиса.

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

Говоря о минусах сервиса стоит сказать о необходимости ожидания результата некоторое время, иногда довольно продолжительное, поэтому возможно будет необходимо нажать кнопку «Продлить» несколько раз, чтобы увеличить время доступности и получить результат.

Но, хочу отметить, что год назад это время было гораздо более продолжительным 🙂