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

Как и люди, браузеры по-разному интерпретируют вещи

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

Стили CSS могут отображаться в Internet Explorer иначе, чем в более поздних версиях Internet Explorer и Google Chrome. Элегантный стиль и эффекты, такие как состояние наведения, прозрачность изображений, тени и даже шрифты, могут значительно различаться в разных браузерах. Хотя эти визуальные различия часто невозможно полностью преодолеть (особенно в старых браузерах), цель кроссбраузерного тестирования — убедиться, что ваши пользователи могут получить доступ ко всему контенту и выполнять все основные функции на вашем веб-сайте без каких-либо серьезных проблем.

Определите, какие браузеры вы поддерживаете

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

Довольные клиенты, меньше ошибок

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

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

Какие функции анализируются в тесте браузера?

Тестирование совместимости включает в себя все, но у вас не всегда может быть на это время.

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

Вы можете классифицировать функции, которые будут проходить тестирование, следующим образом:

  • Базовая функциональность: чтобы гарантировать, что базовая функциональность работает в большинстве комбинаций браузера и ОС. Например, вы можете проводить тестирование, чтобы убедиться, что:
  • Все диалоговые окна и меню работают должным образом
  • Все поля формы принимают входные данные после их правильной проверки
  • Веб-сайт правильно обрабатывает основные файлы cookie (и такие функции, как персонализация, которые от них зависят).
  • Удобный сенсорный ввод для мобильных телефонов или планшетов
  • Дизайн: это гарантирует, что внешний вид веб-сайта — шрифты, изображения и макет — соответствует спецификациям, предоставленным командой дизайнеров.
  • Доступность: учитывает соответствие Руководству по обеспечению доступности веб-содержимого (WCAG), чтобы пользователи с разными возможностями могли получить доступ к веб-сайту.
  • Отзывчивость: проверяет, является ли дизайн плавным и соответствует разным размерам / ориентации экрана.

Как проходит кроссбраузерное тестирование?

Теперь, когда у нас есть все необходимое, мы можем приступить к тесту. Вот краткое пошаговое руководство:

Установив базовый уровень: прежде чем приступить к кроссбраузерному тестированию, запускаем все тесты дизайна и функциональности в своем основном браузере, обычно Chrome. Это даст представление о том, как веб-сайт изначально должен был выглядеть и вести себя.

Создаем план тестирования и выбираем браузеры для тестирования: используйте документ спецификации теста, чтобы точно определить, что вы будете тестировать. Затем, как описано в сегменте выше, выберите для тестирования комбинации браузера и ОС на основе анализа популярности и посещаемости сайта.

Выполнение — автоматическое против ручного: ручное тестирование требует, чтобы тестировщики-люди последовательно разыгрывали сценарии тестирования. Автоматизированное тестирование «автоматизирует» человеческое взаимодействие с помощью кода. Один тестовый сценарий, написанный профессионалами с использованием инструментов автоматизации, таких как Selenium , может выполнять тестовый сценарий в нескольких разных браузерах столько раз, сколько необходимо. Благодаря точному сообщению об ошибках легче находить и отлаживать ошибки. Ручное тестирование имеет место для (человеческой) ошибки. В зависимости от веб-сайта и сценариев, которые необходимо протестировать, это может занять от нескольких часов до нескольких недель.

Когда завершается кроссбраузерное тестирование?

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

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

Вывод:

7 основных шагов, которые необходимо выполнить при кроссбраузерном тестировании:

  1. Определите, какие функции вы будете тестировать, и напишите шаги, чтобы указать сценарии.
  2. Определите браузеры и платформы — по популярности или по анализу посещаемости сайта — которые вы будете тестировать.
  3. Выберите способ выполнения сценариев тестирования — вручную или автоматически.
  4. Настройте устройства / браузеры, на которых вы будете тестировать (или подключитесь к облачному провайдеру).
  5. Выполните тестовые сценарии в браузерах с наибольшей долей трафика, а затем переходите к выбросам.
  6. Документируйте и делитесь результатами тестирования с группами, которые могут отлаживать / исправлять проблемы.
  7. Постоянно запускайте кроссбраузерные тесты на совместимость, чтобы не пропустить ни одной ошибки.

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