Как проверить совместимость сайта с разными браузерами
14.10.2007 Создание сайтов
Вроде бы время хаоса в интернет-технологиях прошло и наметились какие-то стандарты, но все равно возникают проблемы совместимости дизайна с разными браузерами. Проявляется проблема в том, что в разных браузерах дизайн может выглядеть по-разному: в одном браузере шрифт крупнее, в другом мельче; в FireFox сайт смотрится отлично, в IE половина страницы съезжает вниз. Поэтому каждому нормальному веб-дизайнеру нужно уметь верстать сайт так, чтобы он одинаково хорошо смотрелся во всех популярных браузерах.
Посмотреть вашу сверстанную страницу можно прямо в браузерах, но вместо установки нескольких десятков браузеров, которые к тому же работают в разных операционных системах (MS Windows *, Unix-like (Linux, FreBSD…), MacOS и другие), можно воспользоваться специальными онлайн-сервисами.
Вот небольшая подборка таких сервисов:
- IE Web Renderer
NetRenderer позволяет увидеть любую страницу в браузерах разных версий Internet Explorer. В IE7 мой блог смотрится даже лучше чем в FireFox
- Browsershots
Отличный сервис, который создает скриншоты страницы не только в популярных, но и довольно экзотических браузерах. Интерфейс есть в том числе на русском языке. Кроме версии браузеров можно задать разрешение экрана, глубину цвета, технологии Java, JavaScript и Flash.
- Browsrcamp
Позволяет делать скриншоты высокого разрешения (от 800 до 1600px). Тестируются браузеры, которые работают в MacOS. Для меня сервер оказался недоступен, но на морде висит статистика, что сервер работает 97% времени. Сервис бесплатный, как и два предыдущих, но имеет платное расширение, дающее по словам разработчиков полный контроль над MacOS.
- Browsercam
Платный сервис, обладает огромной функциональностью. 70+ браузеров, возможность удаленного контроля браузера через VNC (Virtual Network Client), несколько доступных разрешений для скриншотов, можно закачивать скриншоты в zip архиве. Цена вопроса от 20 до $1000 в месяц в зависимости от набора услуг, так что это инструмент для профессионалов. Но познакомиться с сервисом можно в течение 24-х часового пробного периода после регистрации на сайте.
- BrowserPool
Практически тот же функционал, что и в предыдущем примере, но по цене $40 в месяц или $447 в год, есть бесплатный вариант аккаунта с ограниченным функционалом. Можно поставить производство скринов на поток, подключив на постоянной основе до нескольких дедиков (правда я не понимаю, зачем это может понадобиться), и еще можно удаленно управлять всем процессом через специальную программу, которую нужно скачать и инсталлировать.
В принципе для непрофессионала с лихвой хватит первых трех бесплатных сервисов, благо они обычно не висят и вполне нормально делают свое дело. И дизайнерам не нужно мучаться, каждые пять минут загружая страницу в десятке браузеров.
Кстати чтобы быть в курсе событий и знать какие браузеры сейчас в ходу, заглядывайте иногда на сервисы статистики, например GlobalStats. Это что касается буржунета. В Рунете намного больше пользователей Оперы (посмотреть можно например здесь), но Safari приблизительно столько же - до 1%. Эта статистика подскажет вам, стоит ли заморачиваться с подгонкой дизайна под требования конкретного браузера или забить и заняться чем-нибудь более полезным
.
Еще почитать:
- Ничего похожего не найдено.




04.01.2008 в 2:50 pm
Пасиба за подборку!
пригодилось.