Почему важно кроссбраузерное тестирование.

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

Кроссбраузерность является одним из важнейших факторов эффективной работы, поскольку аудитория пользуется разными браузерами. И если ваш сайт некорректно отображается хоть на одном из них, к примеру, текст наезжает на картинку, а шрифт слишком мелкий, то есть риск потерять сразу ощутимый процент пользователей.

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

Определение кроссбраузерного тестирования.

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

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

Какие есть стандарты для браузеров.

Мы привыкли оценивать браузеры по таким параметрам как:
— Скорость загрузки страниц;
— Скорость запуска;
— Потребление оперативной памяти;
— Доступные дополнения и расширения;
— Приватность и так далее.

Это ключевые значения, по которым пользователь выбирает для себя тот или иной продукт.

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

В браузере за отображение информации отвечает так называемый движок, который преобразует HTML (гипертекстовую разметку) и CSS (каскадные таблицы стилей, отвечающие за внешний вид сайта) в видимую на экране картинку. Любой уважающий себя и своих потенциальных пользователей поставщик браузеров будет соблюдать эти правила и сделает продукт, адаптированным под стандарты.

Также стоит отметить, что количество браузеров во много раз превосходит количество существующих движков, поэтому многие браузеры имеют одинаковые движки и, как следствие, одинаковые особенности и баги (проблемы).

Так, движок Chromium, который стал стандартом для современных браузеров (используется в Google Chrome, Opera и многих других), при всех своих достоинствах имеет и недостатки, например, замедляет работу при множестве открытых вкладок, и потребляет много памяти.

Почему возникают кроссбраузерные ошибки.

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

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

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

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

Особенности тестирования.

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

В основном при тестировании ПО в разных браузерах, проверке подлежит вёрстка (цвет, шрифты, расположение графических картинок и динамических элементов) и JavaScript.

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

PS: автор цикла статей о кроссбраузерном тестировании Анна Вихрова (один из наших преподавателей).