Тестируем кроссбраузерность сайта

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

Инструменты для тестирования кроссбраузерности

Корректное отображение сайта в одном или нескольких браузерах не гарантирует аналогичную ситуацию при его просмотре в других программах. Это связано с тем, что одни и те же коды HTML и CSS по-разному интерпретируются различными браузерами.

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

Browsershots
Бесплатный сервис с достойным функционалом. В настройках тестирования можно указать нужные версии браузеров, разрешение экрана, глубину цвета, а также проверить сайт на наличие ошибок в JS, Java и Flash. Программа делает скриншот результатов проверки по каждому браузеру, которые можно просмотреть на экране или скачать на компьютер. Browsershots не поддерживает проверку мобильных браузеров, а также не позволяет тестировать сайты, размещенные на компьютере или локальном сервере.

Browser Sandbox
Сервис поддерживает большой список браузеров, но работает только в операционной системе Windows. Бесплатная версия позволяет протестировать только последние версии браузеров.

CrossBrowserTesting
Пожалуй, это самая мощная платная платформа, которая поддерживает более 40 операционных систем, около 900 браузеров и установленных в них плагинов. Главной особенностью сервиса является тестирование в режиме реального времени. Среди других возможностей: создание автоматических скриншотов, сравнение слоев, фиксирование глюков с помощью скриншотов и видеороликов, наличие отладочных инструментов, просмотр и сохранение сетевого трафика.

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

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