Эта статья была создана в сотрудничестве с LambdaTest . Спасибо за поддержку партнеров, которые делают возможным использование SitePoint.
Эта статья была обновлена в третий раз в апреле 2019 года, чтобы отразить инструменты кросс-браузерного тестирования, которые приходили и уходили, а также отражать текущую статистику использования браузера сегодня.
Прежде всего, что такое кросс-браузерное тестирование?
Кросс-браузерное тестирование — это формальность тестирования веб-приложений и веб-сайтов во всех распространенных веб-браузерах, которые пользователи используют сегодня — это гарантирует, что мы обеспечиваем стабильный пользовательский интерфейс везде, а не только в веб-браузере, который нам нравится. Вот некоторые вещи, на которые стоит обратить внимание:
- Проверка кода: некоторые браузеры сообщают об ошибках кода?
- Производительность: сайт работает медленно или даже вызывает сбои?
- Адаптивный дизайн : является ли дизайн последовательно отзывчивым?
- Несоответствия пользовательского интерфейса: есть ли другие недостатки дизайна?
- Другие странные поведения: что-нибудь еще просто не работает?
Что произойдет, если я не проверю?
Несоответствия на самом деле очень нормальные. Дело в том, что все веб-браузеры ведут себя и отображают сайты немного по-разному, и некоторые браузеры могут даже не поддерживать функции, которые мы изначально стремились использовать; и когда появляются эти несоответствия, это может оказать прямое влияние на наш доход (среди прочего).
Давайте возьмем электронную коммерцию, например. 69,89% проверок отменены, и 17% из них связаны с ошибками и сбоями сайта. Если предположить, что бизнес будет получать полмиллиона продаж в год, то это 59 407 продаж, потерянных из-за ошибок и сбоев, которые могли бы быть предотвращены кросс-браузерным тестированием.
В каких браузерах я должен тестировать?
Так как Microsoft объявила, что будет отказываться от своих собственных движков EdgeHTML и Chakra в пользу широко распространенных движков Blink и V8, это означает, что многие из основных браузеров сегодня предлагают аналогичные уровни совместимости кода. Хотя это и является шагом назад с точки зрения здоровой конкуренции, это означает, что если веб-сайт работает в Google Chrome, он, скорее всего, будет работать в Brave, Opera и, возможно, в будущем Microsoft Edge. Это в сочетании с тем фактом, что даже Microsoft поручила нам прекратить использование Internet Explorer, кросс-браузерное тестирование стало проще, чем когда-либо прежде, поскольку только Safari и Firefox используют свои собственные движки.
Технически, веб-браузеры, которые мы должны поддерживать сегодня, — это те, которые используют наши пользователи и клиенты, информацию, которую достаточно легко найти с помощью Google Analytics или другого вида программного обеспечения для отслеживания веб-аналитики. Но если у вас нет таких данных, вот мировая статистика *:
- Хром: 61,75%
- Сафари: 15,12%
- Firefox: 4,92%
- ОК: 4,22%
- Опера: 3,15%
- Internet Explorer: 2,8%
- Интернет Samsung: 2,74%
- Microsoft Edge: 2,15%
* По состоянию на ноябрь 2018 г.
Также имейте в виду, что существует несколько версий каждого веб-браузера в разных ОС. Звучит страшно? Не совсем, но чертовски скучно тестировать сайты на всех из них!
К счастью, существует множество отличных инструментов для кросс-браузерного тестирования, поэтому сегодня мы рассмотрим 7 из лучших.
BrowserStack
Благодаря немедленному доступу к более чем 2000 веб-браузерам, работающим на реальных устройствах Android и iOS, хорошо известный BrowserStack позволяет разработчикам и другим заинтересованным сторонам участвовать в межбраузерном тестировании, будь то снимки нескольких скриншотов, отладка ошибок в реальном времени или фактическое взаимодействие. в браузере и посмотрите, как работает макет при изменении размера окна. Нет необходимости идти на компромисс с симуляторами и эмуляторами, BrowserStack предлагает вам полный контроль, поскольку вы будете взаимодействовать с реальными браузерами на удаленных машинах.
Это не настоящая вещь, это настоящая вещь.
BrowserStack также поддерживает Selenium , инструмент с открытым исходным кодом, который помогает автоматизировать различные тесты, поэтому вам не придется делать это вручную.
Хотя перечисленные выше функции являются довольно стандартными, когда речь идет о средствах кросс-браузерного тестирования, что отличает BrowserStack от других, так это то, что вы можете начинать с всего лишь 12,50 долл. США в месяц — инициативы, нацеленной на фрилансеров — предлагая более легкие функции.
CrossBrowserTesting, от SmartBear
CrossBrowserTesting от SmartBear предлагает как ручное, так и автоматическое тестирование с помощью Selenium, 1500+ удаленных браузеров для мобильных и настольных компьютеров, и имеет настройку подписки, аналогичную BrowserStack (за исключением их «плана фрилансера»). Благодаря полному доступу к расширениям браузера и инструментам разработчика, таким как Chrome Dev Tools и FireBug, возможности взаимодействовать с помощью движений смахивания и многого другого, и, наконец, средствам естественной отладки интерфейсных ошибок, CrossBrowserTesting ничем не отличается от BrowserStack.
CrossBrowserTesting и BrowserStack также позволяют пользователям сравнивать версии (в режиме реального времени или скриншоты), запускать несколько тестов (или делать несколько скриншотов) одновременно и даже делиться результатами.
В целом, подходящая альтернатива BrowserStack, однако я бы выбрал BrowserStack, если для вас важно количество поддерживаемых браузеров (BrowserStack поддерживает дополнительно 500).
LambdaTest
С неограниченным тестированием браузера в реальном времени, неограниченным тестированием автоматизации, неограниченным тестированием на реагирование, неограниченным тестированием скриншотов и поддержкой 24 × 7 у вас не будет ни малейшего беспокойства в отношении ограничений при использовании Lambdatest . И с самым низким планом, начинающимся всего с 15 $ / мес, Lambdatest предлагает лучший результат за доллар. На самом деле, есть даже очень функциональная опция «Lifetime Free», что делает его одним из самых доступных инструментов кросс-браузерного тестирования, доступных на рынке сегодня, очень подходящий для тех, кто впервые заинтересован в кросс-браузерном тестировании.
В качестве дополнительного бонуса все опции включают бесплатные минуты автоматизации; это если вы не выберете их мощную опцию автоматизации!
Все варианты также включают в себя:
- 2000+ нативных тестовых браузеров
- Отслеживание проблем с помощью журналов испытаний
- Функциональность локального тестирования
- Автоматическое тестирование скриншотов
- Отзывчивое и визуальное сравнение тестирования
- Доступ к расширениям WordPress и Chrome
- Интеграция с Trello, Asana, Jira и Slack
Короче говоря, платформа автоматизации LambdaTest представляет собой сетевую сетку селена, которая дает вам возможность запускать свои тестовые сценарии в более чем 2000 браузерных средах.
Browserling
Несмотря на то, что он является одним из самых дешевых инструментов для кросс-браузерного тестирования по цене 19 долл. / Мес. (По стоимости уступает только Lambdatest), не позволяйте веб — сайту Browserling без излишеств обмануть вас. Если автоматизированное тестирование не является проблемой для вашей команды, Browserling является довольно экономически эффективным вариантом.
Также у них есть расширения для Chrome, Firefox, Opera и Safari!
Experitest
Experitest предлагает довольно стандартные функции, но со сниженными затратами, начиная с 9 долл. / Мес., И даже предлагает привлекательную опцию freemium, такую как Lambdatest. При этом Experitest на Lambdatest выглядит не так блестяще, поэтому Experitest может быть лучшим вариантом, только если у вас ограниченный бюджет.
Functionize
Что отличает инструменты кросс-браузерного тестирования Functionize от конкурентов, так это широкое использование искусственного интеллекта и тот факт, что если вы настраиваете тесты для одного браузера, нет необходимости перекодировать тесты для других, что может сэкономить немало времени , Они все об автономном тестировании (с использованием их технологии Adaptive Event Analytics ™), так что вы можете потратить больше времени на анализ результатов.
Не указано, сколько браузеров поддерживает Functionize, однако они предлагают те же стандартные функции, что и другие инструменты для кросс-браузерного тестирования, такие как отладка кода и визуальное тестирование.
Только для справки: их инструменты для кросс-браузерного тестирования поставляются как часть более крупной платформы, а их цены не являются общедоступными.
Соус Лаборатории
Несмотря на то, что Sauce Labs предлагает аналогичную функциональность другим кросс-браузерным инструментам тестирования, он стоит от 89 долларов в месяц (для тестирования на реальных устройствах). Хотя они уже давно и утверждают, что имеют «самое большое в мире облако для непрерывного тестирования», поэтому, если у вас есть бюджет, стоит попробовать.
Вывод
Несмотря на то, что большинство современных инструментов кросс-браузерного тестирования на рынке поддерживают очень высокий стандарт с точки зрения предлагаемых функций, это позволяет командам разработчиков увеличить охват тестированием и обеспечить более согласованный пользовательский интерфейс на всех устройствах и экранах многих размеров. из них есть хотя бы одна небольшая черта, которая отличает их от конкурентов.
Независимо от того, является ли это Functionize и их подход, основанный на искусственном интеллекте, для внешнего тестирования, Experitest с их конкурентоспособной ценой или BrowserStack для их варианта с более низкой стоимостью, предназначенного для фрилансеров, один из этих инструментов наверняка удовлетворит потребности ваших команд. Если вы ищете отличный универсальный вариант, Lambdatest, по- видимому, предлагает лучшее соотношение цены и качества.