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

Опубликовано VladSavitsky

Задача:

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

Решение

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

Варианты

Онлайн-сервисы, которые сделают снимок экрана в нужном браузере
Локальная установка разных браузеров
Настройка конфигураций под виртуальными машинами

Онлайн-сервисы, которые сделают снимок экрана в нужном браузере

browsershots.org

http://browsershots.org/ - "Browsershots делает скриншоты вашего сайта в разных браузерах. Это бесплатный open-source сервис, созданный Johann C. Rocholl. Когда вы отправляете нам адрес свого сайта, он добавляется в очередь. Несколько различных компьютеров откроют ваш сайт в своих браузерах. Затем они сделают скриншоты и загрузят их на центральный сервер."

Служба с многоязычным интерфейсом (есть русский). Устанавливает срок действия запроса 30 минут, но есть возможность продления этого срока. Сервис базируется на работе добровольцев, которые предоставляют свои машины для создания скриншотов.

Все запрашиваемые веб-мастером скриншоты будут представлены в соответствующем разделе сервиса и доступны для загрузки в виде архива формата ZIP.

ieСapture

http://www.iecapture.com/ - "Устали от установки бета ПО? Может быть вы работаете в "альтернативной" ОС типа Линукс или Mac OS X. В любом случае этот сайт существует для того, чтобы показать вам снимок экрана вашего сайта в Internet Explorer версия 8 Beta 1, которая выпущена 10 марта 2008, установленая в Windows XP SP2."

iCapture

http://danvine.com/icapture - позволяет увидеть сайт в обозревателе Safari из комплекта операционной системы Mac OS X.

browsercam

http://www.browsercam.com/ - "Смотрите ваш веб-дизайн в любом браузере и любой операционной системе. Проверяйте javascripts, DHTML, формы и другой динамический функционал на любой платформе. Не только на своей. Используйте наш банк машин для тестирования, чтобы удалённо тестировать ваш сайт."

Если вам надо часто тестировать работу сайта под разными браузерами, а развертывать локальные версии не хочется или, вообще, невозможно, то обратите внимание на BROWSERCAM. Он, также, как и рассмотренные выше сервисы, умеет делать скриншоты под разными браузерами и ОС, но его главная сила в том, что предоставляется удаленный доступ (через VNC) к компьютерам с уже установленными ОС и браузерами, в которых вы можете тестировать свой сайт. Причем, не только внешний вид, но и полноценную работу. По сути, этот сервис берет на себя заботу по установке, настройке и поддержке разных ОС и браузеров. Естественно, не бесплатно...
Желающие опробовать возможности Browsercam в деле, могут зарегистрироваться в службе и получить тестовый 24-часовой доступ к инструменту совершенно бесплатно.

BrowserPool

http://www.browserpool.de/kc/wob/portal.jsp - платный сервис BrowserPool, умеет делать скриншоты во многих ОС и браузерах. Стоимость составляет 29.99 евро в месяц. Можно получить бесплатный тестовый аккаунт.

IE NetRenderer

http://ipinfo.info/netrenderer/ - Он умеет делать скриншоты в различных версиях Интернет Эксплорера (от 5.5 до восьмой беты), работает очень быстро и даже умеет совмещать скриншоты, сделанные в версиях 6 и 7, благодаря чему хорошо видны различия. Сервис бесплатен.

Browsrcamp

http://www.browsrcamp.com/ - делает скриншоты только под браузерами Mac OS X. Причем, бесплатно можно протестировать только Safari. Формат и качество генерируемого изображения можно настраивать, добиваясь тех или иных результатов.

Выводы

Недостаток онлайновых сервисов в том, что при частом использовании они могут вносить путаницу в статистку посещаемости сайта и накручивать счётчики посещений.

Локальная установка разных браузеров

Варианты

Установка нескольких операционных систем на одной машине
Установка разных операционных систем на разных машинах

Если у вас нет нужного браузера, то вы можете найти практически любой на
сайте browsers.evolt.org.

multiple_ie

Кроме того, можно загрузить инсталлер, который сразу может установить IE3, IE4.01, IE5, IE5.5 и IE6: Install multiple versions of IE on your PC. Скачать инсталлер (около 10Мб) можно на странице проекта.

IETester

Есть ещё один инструмент: IETester - бесплатный браузер, который позволяет тестировать страницы в IE8 beta 1, IE7 IE 6 и IE5.5 на Vista и XP. Скачать IETester (23.8MB) можно на сайте проекта .

IE7 Standalone

Решение, которое не страдает глюкавостью или поддерживает Conditional comments.
Утилита, быстрая в инсталяции, которая позволяет IE 7 комфортно чувствовать себя в stand-alone инсталяции, в любой папке, которую вы укажете.

Еще одно преимущество описанного мной способа, о котором я не упомянул, в том что нет никаких проблем с валидацией Майкрософта. Она просто не нужна, так как IE 7 не устанавливается в систему.

Установка:

Скачиваете дистрибутив с Мелкомягкого сайта, но не устанавливаете его.
Скачиваете утилиту с сайта разработчика.
Распаковываете всё в любую нужную папку, запускаете одноразово файл “IE7 Standalone Setup.bat”. Происходит процесс инсталяции, который не затрагивает системные файлы.
Запускаете IE7.bat из той же папки для работы в Internet Explorer 7.

Настройка конфигураций под виртуальными машинами

Есть ещё вариант установки ОС, работающих под управлением виртуальных машин:

Virtual PC - бесплатная и позволяет установить любую систему, но официально поддерживается только Windows.
VMWare - поддерживает больше различных ОС, имеется серверная версия. Для получения бесплатной версии сервера (www.vmware.com/products/server/) требуется бесплатная регистрация - за один раз можно заказать сколько угодно серийных номеров.
Прекрасно ставится на Windows XP.

Статистика использования браузеров

Скачать браузеры:

Mozilla Firefox — браузер нового поколения от Mozilla Foundation. Простой и лаконичный интерфейс позволяет освоить программу за несколько минут. Безопасность, высокая скорость работы, гибкость и расширяемость — основные качества, присущие Mozilla Firefox.
Opera - быстрый, приятный и простой способ навигации в Интернете. Opera 9 содержит все необходимые встроенные инструменты, чтобы сделать Вашу работу продуктивной и безопасной. Испытайте их сейчас абсолютно бесплатно!
Обозреватель Internet Explorer 7

Плагины и дополнения к браузерам:

Использованные материалы

Тестирование дизайна сайта в разных браузерах
Как проверить отображение сайта в разных браузерах - обзор онлайн-сервисов для просмотра сайта в разных браузерах.
6-ой и 7-ой Интернет Эксплореры одновременно - легко
Проверить отображение сайта в разных браузерах

Сайты браузеров

Полезные ссылки

Несколько версий браузеров на одном компьютере
Multiple IEs in Windows - статья о том, как установить несколько версий Internet Explorer на одной машине.
Несколько версий Internet Explorer одновременно
Screenshot and Webbrowser Validation Services - список онлайн-сервисов по созданию снимков экрана и исследованию сайтов.
Популярные браузеры

Bookmark/Search this post with

РецептысозданиясайтовнаDrupal