Тестирование дизайна сайта в разных браузерах

Как протестировать сайт на разных браузерах

 Готовый дизайн сайта нужно протестировать  в разных  популярных браузерах, дабы убедиться, что всё выглядит так, как было запланировано. Или, хотя бы, не было реальных глюков и багов, которые приводят к тому, что нету возможности использовать сайт.

   

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

 Преимущество онлайновых сервисов в том что, что  не нужна инсталляция, можно проверять внешний вид сайта во многих браузерах и ОС. Недостаток  есть в том, что некоторые из них платные, невозможность проверить интерактивность (может быть так, что вы не узнаете что кнопка "Купить" не функционирует под IE 6) а также задержка в получении результата.

 Для установки локальных браузеров требуется время, происходит проблема конфликта версий.  Разные версии Internet Explorer без особых ухищрений не могут существовать друг с другом. К огромному счастью, все-таки существуют способы установить различные версии IE на одном компьютере, а в первой бете IE 8 разработчики сделали, так что можно выбирать каким движком будет, отрисована веб страница (IE 7 или IE 8).

Он лайновые сервисы

 Теперь можно рассмотреть, онлайновые сервисы, которые могут способствовать в тестировании сайтов.

BrowserShots

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

Основной его недостаток в том что  необходимо ждать результат зачастую достаточно  долгое время (бывает что приходится ждать больше часа). При этом, созданные скриншоты будут недоступны через пол часа, поэтому "пойти выпить кофе" не получится и нужно не забыть нажать кнопку "Extend" несколько раз, дабы продлить время доступа на пол часа и получить результат.

 Можно купить платный аккаунт за 15 долларов в месяц, дающий приоритетный доступ.

IE NetRenderer

 Web мастера знают, что больше всего возникает проблем с версткой в IE (в основном, в шестых версиях). Помимо того установка нескольких версий IE на один компьютер без возни  невозможна. Такие проблемы дает возможность частично решить сервис IE NetRenderer.

 Этот сервис умеет делать скриншоты в разных  версиях интернет эксплоуэра (от 5.5 до восьмой беты), работает довольно быстро, а также умеет совмещать скриншоты, созданные в версиях 6 и 7, за счет чего хорошо видно различия. Сервис бесплатный и дополнительно денег пока не просит.

Browsrcamp

Browsrcamp выполняет скриншоты только под браузерами Mac OS X.  Бесплатно можно только протестировать Сафари. Если желаете посмотреть на сайт в других браузерах, то платите денежку ($3 за два дня, $7 за неделю, $19 за месяц и $99 за год использования).

BrowserPool

 Платный сервис BrowserPool, может делать скриншоты во многих ОС и браузерах. Стоимость составляет 29.99 евро в месяц. Можно получить бесплатный тестовый аккаунт.

BROWSERCAM

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

 Существует видов тарифных планов, которые стоят от 20 долларов в день (только скриншоты) до 1000 долларов в год (премиум план со всеми возможностями и 10 пользователями). Может показаться что дорого, но админ, который установит и настроит много разных ОС с браузерами обойдется дороже. А еще также  же, надо купить железо и лицензии на платные ОС.

Варианты локальной установки

 В том случае если ни один из перечисленных сервисов не подошел, то нужно установить различные версии браузеров на один или несколько локальных компьютеров.

Установка нескольких версий Internet Explorer на один компьютер

 Вообще это несложно сделать, если знаешь как: скачать специальный дистрибутив с разными версиями IE и следовать  инструкциям.

Использование IETester

IETester — специальный браузер, задача которого тестировать веб-страницы под разными версиями интернет эксплоуэрера.

 Несмотря на статус альфа версии 0.2.2, браузер в действительности работоспособен и очень  подходит для тестирования веб-сайтов.

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

 Даже, если были  установлены на  компьютер все необходимые версии браузеров, не смотря на это не получиться протестировать сайты под другими ОС (и под браузерами, которых нет на любимой ОС). Кроме явных способов установки нескольких ОС, параллельно на один компьютер (неудобно вести отладку). Или приобретение специальных компьютеров под разные ОС (дополнительные затраты на железо), есть еще вариант установки ОС, которые работают под управлением виртуальных машин VMWare или Virtual PC.

 Virtual PC бесплатная и немного быстрее, но дает возможность установить только ОС серии  Windows.

 VMWare поддерживает много разных ОС, существует серверная версия, которая весьма практична для средних и крупных фирм, учитывая, что она разрешает запустить виртуальные системы на сервере, и управлять ими с любого компьютера офисной сети, и при этом, не использовать ресурсов локального компьютера. В таком случае, тоже, намного проще поддержка и сопровождение виртуальных систем. Основной недостаток VMWare за него надо платить.

Оригинал статьи размещен на сайте:

http://developerguru.net/post/website-testing-by-various-browsers/