Отображение сайта в браузерах

Однажды посмотрев на свой сайт из какого-нибудь не самого популярного браузера вы можете увидеть массу недочетов в кроссбраузерной верстке своего сайта.

Как сайт отображается в разных браузерах

И если внимательнее изучить статистику посещаемости, можно увидеть не маленький процент посетителей заглянувших к вам из не популярных браузеров. Более того, в настоящее время быстро развивается мобильный интернет, причем нужда в wap версиях сайтов скоро отпадет за ненадобностью. Видите в статистике посетителей с разрешениями 800×600, 640×480, 240×320? И вы не знаете как ваш сайт выглядит для этих посетителей? Давайте сделаем в два клика  пару десятков скриншотов, которые позволят увидеть кроссбраузерность верстки вашего ресурса, т.е. как ваш сайт отображается в разных браузерахпод разными резрешениями экранов. Переходим на сервис  browsershots.org и начинаем колдовать, денег с вас за это брать никто не будет 🙂

Вписываем в поле Enter URL Here адрес вместе с http://

Открываем стату и смотрим какими браузерами пользовались ваши посетители к примеру: в течение месяца или больше и отмечаем нужные.

Затем делаем выборку внизу страницы по мере необходимости в полях: Screen Size — разрешение экрана, Color Depth — битность цвета, Javascript — включаем, Flash — только если на вашем сайте используются элементы флеш — мультики, анимация, плееры и т.п.

отображение сайта в браузерах

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

Не забываем удалить из htaccess какие -либо ограничения для доступа пауков, если конечно вы их прописывали.

Чуть погодя вы можете как просматривать скриншоты сайта по одному, так и скачать их кучей на компьютер и посмотреть потом.

скриншот сайта

Ну как? Если отображение сайта в браузерах правильное, без скроллингов и расплывания блоков, без наезда блоков и контента бюруг на друга, то у вас получился идеальныая кроссбраузерная верстка. Если же до идеала далеко, то берем в руки напильник и дорабатываем сайт или обращаемся к фрилансерам для переделки шаблона.