Содержание

Быстрый способ протестировать сайт в разных десктопных браузерах / Хабр

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

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

Однако, всем категориям веб-разработчиков, равно как и их клиентам, полезно иметь не обременяющие средства для кроссбраузерного тестирования.

Самый надёжный способ — поднять несколько виртуальных машин, где всё можно будет досконально протестировать (в том числе потаскать границу окна, поскроллить и уж тем более посмотреть, как работает JS). Но ведь часто требуется просто взглянуть на сайт и понять, всё ли с ним в порядке в целом. Либо предоставить такую возможность заказчику.

Классикой жанра для решения поставленной задачи является веб-сервис:

Универсальный, но долгий browsershots.org

Он позволяет получить скриншот не только из конкретного браузера, но и выбрать его версию и ОС, в которой браузер запущен.

Недостаток один — очередь. Скриншотов нужной страницы можно прождать полчаса и даже больше.

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

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

Многоцелевой www.thumbalizr.com и его IE7

Этот сервис вообще-то создан для создания «превьюшек» сайтов и даже снабжён соответствующим API, но если отправить его делать скриншот такой хитрой страницы, как inet.ya.ru, то становится ясно, что в качестве движка для рендеринга скриншотов на сервисе трудится IE7. И он пригодится любому, кто обновил IE до восьмого, либо не пользуется Windows совсем.

Оптимальный ipinfo.info/netrenderer

Сервис умеет делать скриншоты в IE 5.5 (для некрофилов), IE 6, 7 и 8. То есть отлично подходит для тестирования. Также имеется режим, где на одном скриншоте показываются различия в вёрстке между IE6 и IE7. Удобно, но, надеюсь, в будущем можно будет сравнивать и с восьмым IE сразу.

Удобный browserling.com с возможностью поскроллить и покликать

Про сервис рассказали в комментариях. Он хорош, потому что единственный из перечисленных позволяет покликать, поскроллить, потестировать JS (вы получаете что-то вроде VNC-доступа к удалённому окошку с нужным браузером). Недостаток для такого шикарного сервиса предсказуем — очередь желающих. Хотя визуализирована она на славу:

Browserling предоставляет в ваше распоряжение любой IE от 5.5 до 9, а также последние версии Opera, Chrome, Safari и Firefox. Очередь при этом общая, вне зависимости от того, на какой браузер вы записывались. Из-за этого лично мне откровенно хочется отшлёпать тех, кто занимает очередь с целью погонять доступный на всех платформах Firefox.

После того, как вы своей очереди дождётесь — в вашем распоряжении будет пять минут, потом вас дропнут и если вы чего-то проверить не успели, то придётся снова занимать за «крайним» (в момент тестирования сервиса встречал очереди и по 10 персон, но отмечу, что многие впереди «стоящие» — очередь бросали либо мучали сервис меньше доступных пяти минут). Справедливости ради надо сказать, что есть и платный вариант без очередей.

Ваша версия

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

Как проверить сайт в разных браузерах: несколько методов – 1C-UMI

Зачастую владельцы сайтов и не подозревают, что их интернет-странички могут идеально отображаться в одном браузере и совершенно некорректно в другом. Такое явление не редкость, однако шаблоны 1C-UMI разработаны с учетом того, чтобы сайт смотрелся одинаково хорошо у всех посетителей независимо от браузера.

Кроссбраузерность — это правильное отображение элементов сайта во всех браузерах. То есть когда вы заходите на один и тот же ресурс с Google Chrome, Internet Explorer и других программ для серфинга по всемирной паутине, и этот сайт выглядит везде корректно. Нет поехавшей верстки, корявого дизайна, нечитабельных шрифтов, каких-либо разрывов и прочих изъянов.

Почему любой сайт обязан быть кроссбраузерным

Согласно проведенным исследованиям, за каждым веб-обозревателем стоит определенная целевая аудитория. Например, Яндекс.Браузером и Хромом пользуются в основном молодые люди, Internet Explorer и Opera — поколение постарше, кому за 35, Mozilla Firefox ― технари, Safari ― пользователи Mac OS.

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

Кроме того, если посетитель сайта проводит на нем меньше 15 секунд, поисковые машины рассматривают такое поведение, как отказ. А чем больше последних, тем ниже будут позиции сайта в том же Яндексе или Google, и клиентам будет сложно найти ресурс.

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

Почему некоторые люди до сих пор пользуются IE:

  • далеко не все в курсе, что существуют более быстрые и удобные обозреватели для серфинга по интернету;
  • отдельные пользователи просто привыкли к Internet Explorer и боятся попробовать что-то другое, полагая, что это может нарушить стабильность работы системы;
  • во многих компаниях установлена корпоративная защита от установки сторонних программ, поэтому приходится пользоваться тем обозревателем, что интегрирован в Windows по умолчанию;
  • попадаются также ярые фанаты продукции Microsoft, принципиально использующие только их софт и не желающие рассматривать альтернативы.

А теперь представьте, что ваш сайт выглядит в Internet Explorer так, будто в него выпустили торпеду. Конечно, если вы создавали или собираетесь создать сайт на конструкторе 1C-UMI, такого не будет гарантировано, так как у нас все шаблоны реализованы с учетом кроссбраузерности. Однако в иных случаях это не исключено.

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

Проверяем сайт в разных браузерах

Проверить сайт на кроссбраузерность можно тремя различными способами.

Способ № 1

Нужно установить на свой компьютер все те браузеры, которые наиболее популярны у пользователей вашего сайта. Вероятно, вы зададитесь вопросом, а как узнать, какими обозревателями пользуются гости ресурса? Для этого нужно зайти в систему сбора статистики Google Analytics, в разделе «Браузер и ОС» изучить перечень браузеров и количество посещений из этих браузеров.

Важно: чтобы этот список показывался, сайт должен быть подключен к Google Analytics. Аналогичная статистика доступна и в Яндекс.Метрике.

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

Способ № 2

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

Один из наиболее известных бесплатных инструментов — Browsershots. Этот сайт поддерживает порядка 65 различных браузеров и операционных систем. Проверка может занять от 5 минут до 2 часов. Все зависит от того, насколько сервер загружен запросами.

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

Из бесплатных онлайн-сервисов можно также рассмотреть CrossBrowserTesting, Browserstack, Browserling, Turbo. Каждый из них обладает собственным функционалом и возможностями. На некоторых требуется пройти регистрацию, на других можно проверять сайт сразу же.

Есть также платные инструменты. Один из них — BrowserCam. Оплатив доступ к сервису, можно проверить сайт на поддержку кроссбраузерности в реальном времени. Процесс осуществляется через получение доступа к дистанционным устройствам, на которые уже установлены все необходимые для проверки браузеры.

Способ № 3

Проверить веб-сайт можно также при помощи локального приложения. Например, с использованием Multi-Browser Viewer. Этот софт дает возможность не просто посмотреть, как будет смотреться интернет-ресурс в тех или иных обозревателях, но и выполнить полную проверку их рабочих функций.

Как сделать сайт кроссбраузерным

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

Поэтому, если у вас есть желание, чтобы ваш сайт был кроссбраузерным, создайте его на конструкторе 1C-UMI! Ведь у нас абсолютно всем шаблонам присуща кроссбраузерность. Таким образом, вы будете спокойны за свой сайт и его отображение в разных браузерах.

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

Проверка кроссбраузерности сайта

Привет читатели seoslim.ru! Ничего загадочного в слове “кроссбраузерность” нет, часто новички задаются вопросом, что это за понятие.

А самое главное, какие сервисы на сегодняшний день существуют для ее проверки — разберем наиболее удобные сайты.

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

Что такое кроссбраузерность

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

Происходит такое довольно часто, так как алгоритмы обработки каскадных таблиц css, а также html-кодов в них могут значительно отличаться друг от друга.

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

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

Начинающие разработчики могут сделать ручной тест, на наиболее используемых Опере, Мозилле, Гугл Хром, IE.

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

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

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

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

Проверка на том или ином сервисе имеет свои плюсы и минусы, если говорить о платных вариантах, они действительно могут быть затратными.

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

Browsershots Итак, начнем с наиболее доступных сайтов. По праву считается, что browsershots.org в этом списке можно поставить на первое место среди бесплатных вариантов.

Сразу при переходе у вас открыта вкладка “Browser Compatibility Test”, это и есть проверка на кроссбраузерность.

Для этого в строку необходимо ввести url вашего сайта и нажать на кнопку “Submit”:

проверка сайта в browsershots.org

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

опции анализа browsershots.org

После нажатия на кнопку “Submit” вы встанете в очередь на проверку, появится вот такое сообщение:

очередь на проверку сайта в browsershots.org

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

Дополнительно вы можете получить приоритет на час, если нажмете на “Expire in 60 minutes for Priority Users”.

Параллельно вы увидите, как появляются скриншоты уже проверенных версий, если нажать на “Details”, можно проследить текущее состояние в деталях, а также сколько потрачено минут на каждую:

детали проверки browsershots.org

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

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

Viewlike Следующий сайт, который можно однозначно порекомендовать — www.viewlike.us. С помощью сервиса вы также сможете оценить успешность юзабилити тестируемого ресурса и проверить скорость его работы.

После проверки вы получите исчерпывающие данные и о размере элементов html, и размер используемых изображений, и количество статистических ресурсов.

Вводим адрес в специальную строку, нажимаем “Test now!”:

указываем анализируемый сайт в viewlike.us

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

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

Заходим на страницу crossbrowsertesting.com, небольшая сложность здесь в том, что для использования возможностей сервиса нужно зарегистрироваться, а для начала нажмите “Start Your Free Trial”:

как работать в crossbrowsertesting.com

Для этого требуется указать свой адрес электронной почты и новый пароль, нажать “Create Your Free Account”:

регистрация в crossbrowsertesting.com

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

При этом в использование дается ограниченное количество времени тестирования — всего 60 минут.

Но начнем проверку, сделать это просто — после подтверждения аккаунта вы оказываетесь в разделе “Start a Screenshot Test”.

Проводится она на базе Windows и Mac, браузеры Chrome, FireFox, IE, Opera, Safari, анализ в мобильной версии предоставляется в отдельной вкладке.

В строку вводим адрес нужного вам сайта, как и в предыдущих случаях:

указываем сайт в crossbrowsertesting

Всего потребовалось порядка 2-3 минут для анализа, теперь можно подробно увидеть полученные скриншоты, а нажав на “Layout Differences”, вы увидите различия в макете, которые обнаружила система.

Больше всего разногласий заметно при исследовании браузера Internet Explorer:

результат проверки сайта на кроссбраузерность в crossbrowsertesting.com

Все полученные скриншоты доступны для скачивания, для этого нажмите “Download” в верхнем правом углу, материалы сохраняться в формате .zip.

А для подробного анализа воспользуйтесь указанной ссылкой под картинкой — “Layout Differences”, при переходе становится доступен подробный анализ элементов:

как сделать подробный анализ проекта на crossbrowsertesting

Итак, сервис прост и удобен в использовании, но, к сожалению, бесплатен только на недельный период.

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

Quirktools Довольно интересный сервис по адресу quirktools.com, не требуется регистрации или оплаты каких-либо функций.

Перед вами просто строка, куда необходимо ввести адрес:

строка для проверки сайтов в quirktools.com

Фактически это средство для эмуляции большого количества устройств, разрешения могут подбираться по ходу:

пример работы quirktools.com

Ссылка на скриншот с текущим разрешением доступна, если нажать на крайний правый значок в строке инструментов.

Browserstack Если ничего из перечисленного выше вам не понравилось, попробуйте перейти по ссылке www.browserstack.com и поработать здесь, вводим адрес:

сервис browserstack.com

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

Нажимаю “Free Trial”, ввожу адрес электронной почты и пароль, все как обычно.

регистрация в browserstack.com

После регистрации выбираем вкладку “Live”, открывается менюшка со всеми доступными платформами и браузерами.

То, что выделено ярким цветом, доступно для бесплатной версии, учтите, что всего на тестирование дается 30 минут.

Например, выбираю браузер Chrome, загружается программа последней версии:

тест сайта в Хроме на browserstack

Открывается окно с дублирующей строкой для url, вводим адрес сайта сюда:

указываем тестируемый сайт в browserstack

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

параметры сайта в browserstack.com

Browserling Еще один вариант — www.browserling.com, удобен тем, что сразу есть возможность выбрать из выпадающего списка необходимую для тестирования операционную систему, браузер и его версию, далее кликнуть на “Test now!”:

сервис browserling.com

Интересно, что для проведения каких-либо действий дается ровно три минуты (таймер вверху слева), есть интересные инструменты, например, создание скриншотов (Screenshots).

Для смены браузера и его версии будет достаточно нажать на значок (в данном случае Chrome), а когда все готово к новой проверке, запустите ее кнопкой “Run”.

как работает кроссбраузерность через browserling

Turbo Следующий сервис, на который можно обратить внимание, находится на сайте turbo.net в подразделе Browser Sandbox.

Достаточно удобно все устроено — для прохождения теста вы сразу выбираете конкретную платформу и версию браузера, для проверки нужно нажать “Run”.

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

сервис turbo.net

Предварительно нужно зарегистрироваться (можно сначала нажать, а потом уже сделать это).

Ввожу новый логин и адрес электронной почты:

регистрация в turbo.net

После введения данных тут же будет создан аккаунт, вы будете перенаправлены на страницу, где в строку, дублирующую браузерную, нужно ввести url интересующего вас сайта.

проверка сайта через turbo

Те, кто хочет постоянно пользоваться сервисом, стоит скачать прилагающееся приложение, точнее расширение, для этого нажмите на “Install Turbo.net” в нижней части страницы.

Browsera Один из иностранных ресурсов — www.browsera.com, ничего сложного в работе с ним нет. Для начала работы нажмите соответствующую команду на главной странице:

сервис browsera.com

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

Для тестирования задаете все необходимые параметры, самое главное — адрес страницы, нажимаете “Run Test”.

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

ход выполнения проверки в browsera.com

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

  • Еще один конкурент — saucelabs.com, зайдите и сюда.
  • А тем, кого интересует читабельность сайта и прочих характеристики относительно только IE, советую обратиться к ресурсу netrenderer.com.

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

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

7 простых способов протестировать кроссбраузерную совместимость / Хабр

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

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

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

#1 — Xenocode Browser Sandbox

Xenocode Browser Sandbox — это гейм-чейнджер для тестирования браузеров на компьютерах с Windows. Всего лишь одним кликом мыши, вы можете открыть и работать в браузере, без всякой инсталляции. Вы можете тестировать различные версии IE, Firefox, Google Chrome и Safari. В прямом смысле тестировать, а не только получать скриншоты.

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

#2 — CrossBrowserTesting.com

Бесплатная, пятиминутная сессия тестирования для зарегистрированных пользователей, и значительно больше времени для заплативших пользователей. CrossBrowserTesting.com устроен очень просто, вам необходимо авторизоваться в системе, затем выбрать свободный компьютер с нужным браузером/ОС, и можно приступать к тестированию.

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

#3 — IETester

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

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

#4 — BrowsrCamp

Со всем многообразием сайтов тестирования только для IE, самое время кому-нибудь присоединится и создать сервис, позволяющий тестировать сайты на Safari/Mac. Бесплатная версия этого сервиса предоставляет возможность получения скриншотов сайта, тестированных на последней, стабильной версии сафари, практически мгновенно. И хотя в сервисе немного не хватает версий браузеров, он определенно восполняет это предоставлением хорошей скорости.

За несколько долларов дополнительно, есть возможность получить компьютер полностью и проводить более глубокое тестирование

#5 — Litmus

В течении нескольких месяцев, популярность Litmus значительно возросла, и он стал одним из самых благоприятных инструментов для тестирования кроссбраузерности. К сожалению его бесплатные возможности ограничены и позволяют тестировать только IE7 и Firefox 2.

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

#6 — NetRenderer

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

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

#7 — BrowserShots

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

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

Bonus #8 — Adobe MeerMeer

Adobe MeerMeer это приятный на вид сервис тестирования, который будет выпущен в ближайшее время, компанией Adobe. MeerMeer предлагает значительное количество преимуществ по сравнению с существующими системами тестирования. Наиболее примечательным является, пожалуй, «луковая кожура», или возможность наложения скриншотов из разных браузеров, одно на другое.

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

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

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

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

1. Browsershots (бесплатно/платно)

Browsershots — это веб-сервис, который делает скриншоты вашего сайта в разных операционных системах и браузерах ( всего доступно 65 браузеров). Это удобный, хоть и довольно медленный способ проверить свой сайт сразу во многих браузерах. Когда вы вводите адрес вашего сайта в строку для проверки, он ставится в очередь на тестирование. После этого скриншоты будут появляться на итоговой странице по очереди. Это может занять от 5 минут до 2 часов. В бесплатной версии все происходит довольно медленно. Кроме того, одна сессия (запрос) может длиться только 30 минут.

Следует обратить внимание, что данный сайт имеет многоязычный интерфейс (в том числе — русский и украинский.)

Однако, хоть данный сервис заявлен как бесплатный, в нем есть и платные услуги. За 29.95 у.е. в месяц вы получите так называемую «приоритетную обработку«: скриншоты будут появляться намного быстрее, чем в бесплатной версии, сможете получить от 30 до 50 скриншотов всего за 5 минут. Кроме того, ваши скриншоты будете видеть только вы, тогда как в бесплатной версии они в итоге выкладываются в общую ленту.

2. Adobe

До марта 2013 года у Adobe был отличный бесплатный сревис Adobe BrowserLab для тестирования сайта в разных браузерах и ситемах. Но теперь он закрыт и вместо этого представлен новый сервис Adobe Edge Inspect CC.+

Adobe Edge Inspect CC — это продукт, входящий в принципиально новую организацию Adobe продуктов — в облако Adobe Creative Cloud. Получить аккаунт в данном облаке можно по нескольким пакетам, все они платные. Средний стоит 49,99 у.е. в месяц. Бесплатно Adobe Creative Cloud можно попробовать 30 дней.

3. IE NetRenderer (бесплатно)

IE NetRenderer — бесплатный онлайн-сервис только для браузера Internet Explorer, который дает возможность проверить ваш сайт под браузером Internet Explorer версий: 9, 8, 7, 6, 5.5.

Тут все просто: вводите адрес своего сайта, выбираете версию IE и тут же получаете скриншот.

4. IE Tester (бесплатно)

IETester — это абсолютно бесплатное приложение только для браузера Internet Explorer, которое позволяет локально на вашем компьютере просматривать сайт в разных версиях Internet Exlporer (версии: 10, 9, 8, 7, 6, 5.5) под операционными системами Windows 7, Vista и XP.

Для этого нужно скачать IE Tester и установить у себя на компьютере.

5. BrowserСam (платно)

BrowserСam — очень мощный платный онлайн-сервис для тестирования сайтов под любым браузером и любой платформой. Одна из главных «фишек» данного сервиса в том, что на нем предоставляется удаленный доступ (через VNC) к компьютерам с уже установленными ОС и браузерами, в которых вы можете тестировать свой сайт. Кроме того есть такая важная опция как тестирование под iPhone OS, Android, Blackberry, Windows Mobile. Можно также тестировать е-мейлы на разных устройствах, что очень важно для рассылочных компаний.

Цены стартуют от 19,95 у.е. в день в зависимости от функционала.

6. CrossBrowserTesting (платно)

CrossBrowserTesting — также очень функциональный платный сервис, где вы можете проверить за несколько минут сайт в разных браузерах, в разных операционных системах, на разных устройствах (поддерживается более 100 вариантов проверок, в том числе тестирование под Android, iPad, iPhone ) .

Ценовая политика выгодней и гибче, чем у предыдущего сервиса BrowserСam: базовая цена стартует от 29.95 у.е. в неделю. Кроме того, дается бесплатный тестовый триальный период в 7 дней на каждый из трех пакетов, правда с несколько с ограниченной квотой, нежели в платной версии.

7. Litmus (платно/бесплатно)

Litmus — онлайн-сервис, который предоставляет возможность тестирования сайта на разных браузерах. Кроме предоставления скриншотов, заодно проверяет валидность html и css кода. Особенность его в том, что он в основном ориентирован на тестирование е-мейлов в разных браузерах и на разных устройствах. Есть возможность протестировать е-мейл в 30 разных почтовых клиентах и другие важные функции, такие как аналитика для е-мейлов.

Платная версия сервиса предполагает три пакета: базовый (49 у.е. в месяц), плюс (99 у.е. в месяц), премиум (299 у.е. в месяц.) Бесплатная триал-версия действует 7 дней.

8. СloudTesting (платно)

CloudTesting — платный онлайн-сервис, который предоставляет возможность функционального тестирования кроссбраузерности сайта. Вы записываете сценарий поведения пользователя с вашим браузером и Selenium IDE, загружаете его, после чего Cloud Testing будет выполнять этот сценарий в нескольких браузерах и операционных системах. Затем он предоставляет скриншоты.

Ценовая политика стартует от 99 у.е. в месяц.

9. Mogotest (платно)

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

Ценовая политика стартует от 15 у.е. в месяц для физических лиц. При этом есть возможность бесплатно тестировать выбранный пакет (триальная версия) 14 дней.

10. Multi-Browser Viewer (платно)

Multi-Browser Viewer — платное приложение, которое работает с десктопными и мобильными браузерами и включает в себя 26 виртуализируемых браузеров, 5 мобильных браузеров (в том числе iPhone и IPad) и 61 скриншот-браузер (с их помощью можно видеть, как визуализируются страницы, но нельзя видеть результат взаимодействия пользователя с сайтом).

Ценовая политика Multi-Browser Viewer составляет 139,95 у.е. за однопользовательскую лицензию и включает один год использования продуктов и обновлений. Кроме того доступна бесплатная триал-версия программы (14 дней).

11. Sauce Labs (бесплатно/платно)

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

Сервис предоставляет платные пакеты (цены стартуют от 49 у.е. в месяц ), кроме того, есть бесплатная квота на тестирование: 200 минут в месяц и позволяет создавать тесты автоматизированного тестирования в браузерах (используется Selenium).

12. Spoon (бесплатно)

Spoon — это онлайн-сервис эмуляции программ. Предоставляется бесплатная возможность запуска Firefox, Chrome, Opera и Safari для пользователей Windows. Доступны разные версии браузеров Firefox, Chrome, Safari, Opera. Технически, Spoon поддерживает виртуализацию IE, но эта возможность отключена по требованию Microsoft.

13. Browsera (бесплатно/платно)

Browsera — это онлайн-сервис, который обеспечивает автоматизацию тестирования кроссбраузерности. Он автоматически определяет различия в отображении страниц браузерами, тем самым упрощая процесс тестирования.

Бесплатная версия включает в себя довольно ограниченное число браузеров и низкое разрешение. Платные пакеты стартуют начиная от 39 у.е. за 14 дней и от 49 у.е. до 99 у.е. за месячную подписку.

ТОП-12 сервисов проверки кроссбраузерности сайта

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

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

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

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

  • Browsershots

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

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

    Платная подписка, которая повысит для Вас приоритет тестирования кроссбраузерности сайта онлайн и создания скриншотов обойдется около 30$ в месяц.

    Также имеется возможность выбора разрешения экрана, глубины цвета, JavaScript и Flash нескольких версий.

     

  • Browserling

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

    Перед непосредственным проведением теста на кроссбраузерность можно выбрать один из 5 популярных браузеров (Opera, Safari, Chrome, Firefox, IE), а также одну из 5 версий Windows или 4 версий Android. Имеется возможность изменения разрешения экрана и сохранения скриншотов.

    Все возможности этого сервиса кроссбраузерности доступны только в платных планах подписки на него. Бесплатная версия ограничена 3-х минутной сессией тестирования, разрешением экрана 1024х768 и операционной системой Windows Vista.

     

  • CrossBrowserTesting

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

    Варианты тестирования кроссбраузерности:

    – «живой» тест, дающих возможность взаимодействовать с сайтом в браузере виртуальной машины с предварительно выбранными параметрами и возможностью сохранения скриншотов и записи видео;

    – режим автоматического сохранения скриншотов из разных комбинаций браузеров/ОС/устройств/разрешений экранов;

    – Selenium тест, который заключается в проведение автоматических проверок по заранее составленному скрипту с возможностью записи результатов в видеофайлы;

    – локальное подключение, во время которого можно выполнить проверку для еще не опубликованных веб-документов.

    Имеется 7-дневный триал с лимитом в 60 минут использования для предварительной оценки возможностей сервиса перед принятием решения о приобретении подписки (от 29 до 200$/мес). 

     

  • IE NetRenderer

    Полностью бесплатное решение для проверки кроссбраузерности в онлайне. Особенность его в том, что проверка доступна только для браузера Internet Explorer (с версии 5.5 до 11).

    Никаких настроек кроме выбора версии IE и указания адреса проверяемого веб-сайта нет.

     

  • IE Tester

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

     

  • MultiBrowser

    Платное приложение для тестирования кроссбраузерности и адаптивности сайтов. Поддерживает несколько версий IE, Safari 5.1, все существующие сборки Chrome и Firefox, а также эмуляцию множества мобильных устройств с различными разрешениями экранов. 

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

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

    Несколько разных режимов работы позволяют:

    – взаимодействовать с веб-сайтом в выбранном браузере;

    – проводить автоматическое сохранение скриншотов с различных устройств/разрешений экранов/браузеров;

    – просматривать сайты на эмулированных различных мобильных устройствах с возможностью записи видео.

    Также для установки доступна 14-дневная триал-версия.

     

  • Litmus

    Платный сервис, который поможет проверить кроссбраузерность сайта онлайн. Бесплатно можно использовать первые три дня. Далее нужно платить минимум 60$ в месяц.

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

     

  • Browserstack

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

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

     

  • Browser Sandbox

    Онлайн сервис для тестирования кроссбраузерности, поддерживающий очень много как десктропных, так и мобильных версий браузеров. Бесплатная версия уступает платной (от 10$/мес.) только в плане меньшего объема облачного хранилища данных и ограничения доступа к некоторым вариантам проверок, но в большинстве случаев ее возможностей должно быть достаточно.

     

  • Equafy

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

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

     

  • Browsera

    Качественный сервис для все той же проверки кроссбраузерности сайта онлайн, для полноценного использования которого придется приобрести подписку с оплатой от 39$/14 дней. 

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

     

  • Sauce Labs

    В этом многофункциональном сервисе также можно проверить кроссбраузерность сайта онлайн. Присутствует существенно ограниченная триальная версия. Платная подписка от 19$ в месяц дает возможность пользоваться автоматизацией проверок. Количество поддерживаемых браузеров, размеров экранов и устройств удовлетворительное – около 700 комбинаций.

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

    Проверка кроссбраузерности сайта – видимость сайта в браузерах

    Вступление

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

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

    Видимость сайта в браузерах

    Если вы «погуглите» список браузеров доступных для установки пользователям, то наверняка найдете список из 60± программ. Большинство из них будут модификациями Chromium и Firefox, однако общий список получится внушительный. (список тут)

    Вручную проверить видимость сайта во всех браузерах задача, мягко сказать, бестолковая. Хотя можно установить у себя основные браузеры и очень быстро открыть свой сайт в основных браузерах Google Chrome, Яндекс Chrome, Firefox и Opera и тем самым перекрыть 90% возможных посетителей вашего сайта.

    По данным статистики StatCounter, популярность браузеров в России на октябрь 2018 года выглядит так.

    StatCounter browser RU

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

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

    Browsershots.org

    Сервис Browsershots дает вам бесплатную возможность сделать скиншоты проверяемой страницы сайта в основанных браузерах и их версиях. Бесплатно, проверка кроссбраузерности сайта, проводится для осей Linux и Windows. Для MAC и BSD придётся делать денежный взнос.

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

    настройки сервиса внизу страницы

    Более интересны 5 настроек: Screen Size, Color Depth, Javascript, Java, Flash. По умолчанию они выставлены на усмотрение сервиса.

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

    Еще один момент. Значок копирайта внизу дает информацию, что сервис не обновлялся с 2015 года. Это подтверждают последние версии браузеров доступные для проверки. Например, последний «Opera» для проверок 15.0, а не 56.0.

    Browsershots.org

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

    результат проверок Browsershots.orgрезультат проверок

    Turbo.net (бывший Spoon)

    Сервис turbo.net позволяет запустить онлайн на вашем рабочем столе или планшете браузеры IE, Chrome, Firefox. Далее вы вызываете свой сайт и изучаете его, сколько вам нужно.

    Turbo.net

    На этом сайте инструмент проверок кроссбраузерности называется «Browser Sandbox» и воспользоваться им вы можете после простой регистрации на сайте.

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

    Видео покажет, как работает сервис и что такое, видимость сайта в браузерах.

    Видимость сайта в Internet Explorer

    Возвращаясь к статистике StatCounter, мы обнаруживаем, что, в мире, браузер Microsoft Internet Explorer, занимает третье место, по использованию. А это значит, что игнорировать это браузер со всеми его версиями нельзя.

    статистике StatCounter

    Проверить видимость сайта в Internet Explorer можно очень просто. Есть специальный инструмент – проверка кроссбраузерности сайта во всех версиях Internet Explorer, сервис netrenderer.com. Далее его описание, позаимствованное с сайта сервиса.

    IE NetRenderer

    IE NetRenderer позволяет вам проверять, как веб-сайт отображается многочисленными версиями Microsoft Internet Explorer. Особенно старые версии веб-браузеров Microsoft известны своим неожиданным поведением и несоблюдением интернет-стандартов W3C. Поэтому для каждого веб-дизайнера нужно обязательно регулярно проверять свои веб-сайты на совместимость с этими веб-браузерами. Просто введите URL-адрес проверяемой веб-страницы в поле и нажмите кнопку «Render». Через несколько секунд вы получите скриншот страницы. Попробуйте, это бесплатно!

    Сервис IE NetRenderer работает быстро. В отличие от других служб скриншотов, мы можем обрабатывать большое количество захваченных заданий параллельно и в реальном времени. Скорость рендеринга должна быть сопоставимой, если не быстрее вашего локального браузера. Наши двигатели IE имеют гарантированную пропускную способность интернета в 200 Мбит/с.

    Для чего подходит

    Этот инструмент веб-рендеринга идеально подходит для веб-дизайнеров, работающих на рабочих платформах Apple iMac и Linux. Он позволяет проверять веб-проекты изначально на всех популярных версиях Internet Explorer, без необходимости выделять несколько физических или виртуальных ПК с Microsoft Windows для этой цели. Перед каждым заданием рендеринга мы очищаем кэш Internet Explorer. Это позволяет сразу увидеть эффект от всех изменений, внесенных во время веб-разработки.

    Обычно IE Netrenderer показывает только самую верхнюю часть любой веб-страницы. Если вы хотите увидеть части страницы ниже, введите вертикальное значение смещения пикселя в поле справа на URL. Затем рендеринг начинается с указанной позиции вертикального пикселя.

    Веб-сайты, которые извлекают содержимое страницы через JavaScript после выполнения главной HTML-страницы, могут еще не завершиться, когда NetRenderer сделает снимок экрана. То же самое может произойти с объектами внешней страницы, которые должны быть загружены с медленных сторонних серверов. Показателем этого является либо пустой, либо неполный снимок экрана. Если это произойдет, отметьте флажок под кнопкой «Render», чтобы позволить дополнительное время рендеринга, чтобы сценарии имели больше шансов закончить.

    Снимок экрана всегда соответствует 100% оригинального размера и точности картинки вплоть до пикселя. Пользователь отмечает максимальную ширину видимого просмотра на экранах 800×600 и 1024×768 с учетом ширины полосы прокрутки браузера.

    NetRenderer загружает веб-страницы из Германии, а не с вашего ПК. Это делает его полезным для нескольких других целей. Вы можете, например, использовать его как быструю проверку из вашей локальной сети вашей компании, чтобы узнать, доступны ли Webmail или веб-интерфейс вашего брандмауэра снаружи.

    Можете использовать его в качестве приблизительной оценки, скорости загрузки веб-сайта людьми в Центральной Европе. Вы также можете использовать IE NetRenderer для просмотра веб-сайтов анонимно. Посетив веб-сервер вы не оставите никаких следов ни о вашем IP-адресе, ОС, версии браузера, плагинах или файлах cookie.

    Browserling.com

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

    browserling.com

    Сервис удобный, но на бесплатном тарифе ограничено время сессии проверки тремя минутами. Платный тариф с неограниченными проверками стоит 19$/месяц. Примечательно наличие проверок на Android (6 версий).

    Так как проверка кроссбраузерности сайта относится к профессиональным проверкам, то большинство сервисов платные. Посмотрим на них.

    Browsera.com

    Сервис browsera.com платный, однако в планах подписки имеется 30-дневная бесплатная пробная версия.

    CrossBrowserTesting

    Сервис CrossBrowserTesting позволит провести тестирование совместимости кросс-браузера в облачном сервере на 2000+ реальных браузерах Интернет.

    В бесплатном тарифном плане, после регистрации, можно провести 60 минут проверочных сессий в месяц (6 сессий по 10 минут). Неограниченное использование сервиса стоит 15$/в месяц.

    Browserstack.com

    Данный сервис browserstack.com платный, от 29$. Он даст возможность проверить свой сайт в разных браузерах на различных физических и мобильных устройствах Android и iOS для получения наиболее точных результатов.

    Saucelabs.com

    На сайте мощный набор различных платных инструментов, среди которых есть тест кроссбраузерности, от 19$. ссылка.

    Зачем нужно время для проверок

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

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

    Вывод

    Начинал статью с желанием показать лучший бесплатный сервис для проверок кроссбраузерности сайта. Однако к концу статьи не вижу таких сервисов. Вся удобная и функциональная проверка кроссбраузерности сайта и видимость сайта в браузерах доступна только на платных сервисах. Однако рекомендую бесплатный Browsershots.org.

    ©www.wordpress-abc

    Похожие посты:

    Похожее

    10 лучших инструментов для кроссбраузерного тестирования в 2020 году (последний рейтинг)

    Список последних и лучших инструментов кроссбраузерного тестирования для вашего веб-сайта Тестирование совместимости браузера в различных браузерах и операционных системах:

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

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

    THE BEST CROSS BROWSER TESTING TOOLS THE BEST CROSS BROWSER TESTING TOOLS

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

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

    Контрольный список для кроссбраузерного тестирования:

    Что нам нужно протестировать при тестировании браузера:

    1) Проверка CSS
    2) Проверка HTML или XHTML
    3) Проверка страниц с включенным JavaScript и без него
    4) Функциональность Ajax и JQeury
    5) Проверка размера шрифта
    6) Макет страницы с разным разрешением
    7) Все изображения и выравнивание
    8) Разделы верхнего и нижнего колонтитула
    9) Выравнивание содержимого страницы по центру, слева или справа
    10) Стили страниц
    11) Форматы даты
    12) Специальные символы с кодировкой символов HTML
    13) Функции увеличения и уменьшения страницы

    И, очевидно, вам придется повторить эти тесты на:
    14) различных операционных системах, таких как Windows, Linux и Mac
    15) Различные браузеры (с разными версиями), такие как Internet Explorer, Firefox, Google Chrome, Safari и Opera.

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

    10 лучших инструментов для кроссбраузерного тестирования в 2020 году

    Проверьте приведенный ниже список всех инструментов тестирования кроссбраузерной совместимости, доступных в Интернете для веб-сайта тестирования в нескольких браузерах:

    # 1) CrossBrowserTesting.com

    Crossbrowsertesting Crossbrowsertesting

    Протестируйте свой веб-сайт на 2050+ реальных настольных и мобильных браузерах.

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

    Основные характеристики:

    • CrossBrowserTesting позволяет запускать одиночные или параллельные снимки экрана и регрессионные тесты.
    • Благодаря интуитивно понятному API REST вы получите доступ почти ко всему приложению.
    • Он предоставляет вам полный доступ к инструментам разработчика и расширениям, таким как FireBug и Chrome Dev Tools.
    • Ваша команда сможет масштабировать скорость автоматизации с помощью облачного тестирования Selenium и Appium.

    # 2) LambdaTest

    LambdaTest LambdaTest

    Протестируйте свой веб-сайт, используя более 2000 браузеров и ОС.

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

    Основные характеристики:

    • Запуск тестов автоматизации Selenium на масштабируемой сетке Selenium с более чем 2000 браузерных сред
    • Выполнение автоматического снимка экрана и адаптивного тестирования вашего веб-сайта
    • Протестируйте свой локальный или частный веб-сайт с помощью SSH Tunnel
    • One щелкните журнал ошибок в своем любимом инструменте отслеживания ошибок, таком как Asana, BitBucket, GitHub, JIRA, Microsoft VSTS, Slack, Trello и т. д.
    • 24 * 7 Поддержка чата

    # 3) TestComplete

    TestComplete TestComplete

    Автоматизируйте процесс тестирования браузера для проверки совместимости браузера в различных браузерах и операционных системах.

    Функции:

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

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


    # 4) Browsershots

    BrowserShots BrowserShots

    Browsershots позволяют тестировать веб-сайт в любом браузере и любой операционной системе. Это широко используемый инструмент тестирования совместимости браузеров из-за его функций и доступных настроек.

    Вы можете запускать тесты совместимости между браузерами с широкими возможностями настройки, такими как тип браузера, операционная система, размер экрана, глубина цвета, статус JavaScript и настройки включения / отключения Flash. Просто введите URL своего веб-сайта, выберите параметры теста совместимости и отправьте тестовый запрос.

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

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

    Поддерживаемые браузеры: Firefox, Google Chrome, Opera, Safari, SeaMonkey, Arora, Dillo, Epiphany, Konqueror, Lynx, Luakit, Rekonq и Midori и многие другие браузеры со всеми версиями.

    => Посетите веб-сайт Browsershots


    # 5) Песочница Turbo Browser

    Turbo Browser Sandbox Turbo Browser Sandbox

    Sandbox Turbo Browser позволяет использовать почти все популярные веб-браузеры без установки на вашем компьютере.

    Вы можете запускать все популярные браузеры, включая Internet Explorer, Firefox, Chrome и Opera, на своем компьютере прямо из Интернета.

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

    => Посетите Turbo Browser Sandbox


    # 6) IE NetRenderer

    IE NetRenderer IE NetRenderer

    Это бесплатный инструмент для проверки совместимости онлайн-браузера для тестирования веб-сайтов практически во всех версиях Microsoft Internet Explorer.Просто выберите версию Internet Explorer из раскрывающегося списка и введите свой URL-адрес, чтобы начать рендеринг веб-сайта. Вы можете мгновенно проверить снимок экрана тестируемой страницы.

    Существует также надстройка Firefox «IE NetRenderer», которая позволяет отображать веб-страницу, которую вы в данный момент читаете.

    => Посетите веб-сайт IE NetRenderer


    # 7) Browsera

    Browsera_ Browsera_

    Это лучший инструмент для тестирования кроссбраузерных макетов и ошибок сценариев для вашего веб-сайта.

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

    Функции:

    • Найти проблемы с макетом
    • Найти ошибки JS
    • Можно протестировать весь веб-сайт
    • Динамическое тестирование страницы
    • Можно тестировать страницы с паролем для входа
    • Самое приятное — установка не требуется

    => Посетите веб-сайт Browsera


    # 8) IETester

    IE Tester IE Tester

    Есть много вариантов, доступных в Интернете, если вы хотите проверить совместимость браузера с версиями Internet Explorer.IETester — одна из тех опций, которые позволяют вам тестировать свой веб-сайт на последних версиях IE одновременно с помощью одного приложения.

    IETester, бесплатный инструмент тестирования браузера, который можно использовать для тестирования веб-сайтов в IE11, IE10, IE9, IE8, IE7, IE6 и IE5.5 на рабочем столе Microsoft Windows 8, Windows 7, Vista и XP.

    => Посетите веб-сайт IETester


    # 9) BrowserStack Live

    BrowserStack Live BrowserStack Live

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

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

    Функции

    • Настройка не требуется. Он может запускать мгновенное тестирование в реальном облаке устройства.
    • Охватывает 2000+ настольных браузеров и почти все браузеры реальных мобильных устройств.
    • Безопасная частная сеть.
    • Интерактивные устройства (без лаборатории устройств или виртуальных машин).

    => Посетите веб-сайт BrowserStack


    # 10) Ranorex Studio

    Ranorex Ranorex

    Ranorex Studio — это комплексное решение для тестирования веб-приложений и кросс-браузеров. Автоматизируйте тесты для широкого спектра веб-технологий и сред, включая веб-сайты HTML5, Java и JavaScript, приложения Salesforce, Flash и Flex и многие другие.Ranorex даже поддерживает междоменные фреймы, элементы в теневой модели DOM, гибридные настольные приложения на основе Chromium Embedded Framework (CEF) с открытым исходным кодом и JxBrowser.

    Возможности включают:

    • Надежная идентификация объекта, даже для веб-элементов с динамическими идентификаторами.
    • Общий репозиторий объектов и повторно используемые модули кода для эффективного создания тестов и сокращения затрат на обслуживание.
    • Тестирование на основе данных и ключевых слов.
    • Настраиваемый отчет о тестировании с видеоотчетом о выполнении теста — посмотрите, что произошло во время выполнения теста, без необходимости повторного запуска теста!
    • Запускайте кросс-браузерные тесты параллельно или распространяйте их в Selenium Grid со встроенной поддержкой Selenium Webdriver.
    • Интегрируется с такими инструментами, как Jira, Jenkins, TestRail, Git, Travis CI и другими.

    # 11) Браузер

    Browserling Browserling

    Есть некоторые инструменты, такие как Браузерлинг, для интерактивного тестирования браузера.

    Основные функции:

    • Это живой инструмент для тестирования вашего веб-сайта в различных реальных браузерах на реальных системах
    • Интерактивное тестирование, как вы тестируете в браузере своего компьютера
    • Доступ ко всем последним браузерам
    • Возьми и поделись скриншоты с командой
    • Безопасный просмотр
    • Можно легко тестировать отзывчивые веб-сайты
    • Расширения браузера доступны для Chrome и Firefox
    • Доступны API

    => Посетить веб-сайт браузера


    # 12) Experitest

    4

    Автоматизируйте кроссбраузерное тестирование, запустив тесты Selenium и Appium в более чем 1000 типах, версиях и операционных системах браузеров.

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

    # 13) Comparium

    Comparium Comparium

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

    Comparium упрощает процедуру тестирования, поскольку имеет все минимально необходимые инструменты в одном месте, всегда внедряя что-то новое и добавляя новые функции.

    Основные характеристики:

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

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

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

    Заключение

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

    Выбор хорошего кроссплатформенного инструмента зависит от ваших требований, так как каждый инструмент проверки совместимости браузера имеет свои преимущества и недостатки.

    Какой метод тестирования вы используете для проверки совместимости браузера? Если у вас есть свой способ тестирования совместимости браузера, , сообщите нам об этом в разделе комментариев под .

    => Свяжитесь с нами, чтобы предложить здесь объявление.

    .

    Как легко протестировать веб-сайт в разных браузерах (2 метода)

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

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

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

    Почему важно тестировать сайт в разных браузерах

    У вас, вероятно, есть любимый браузер — у большинства людей он есть — и, скорее всего, вы обычно не используете ничего другого для работы на своем веб-сайте.Наиболее вероятным кандидатом является Chrome, у которого на сегодняшний день самая большая доля рынка, но альтернативы, такие как Firefox, Safari и Internet Explorer, по-прежнему популярны.

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

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

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

    Как протестировать свой сайт WordPress в нескольких браузерах (2 простых инструмента)

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

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

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

    1. Browsershots

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

    Чтобы использовать Browsershots, вам необходимо зайти на его главную страницу и ввести URL своего веб-сайта в поле. Затем выберите все браузеры, которые вы хотите протестировать, из перечисленных ниже вариантов:

    Здесь есть множество вариантов, охватывающих большинство основных браузеров и их более поздние версии (хотя вы можете заметить, что Internet Explorer отсутствует). Просто установите все флажки, которые вы хотите, и затем нажмите кнопку Submit .

    Выполнение теста может занять несколько минут.По завершении вам будет представлена ​​серия снимков экрана, которые вы можете просмотреть или загрузить на свой компьютер — по одному для каждой выбранной вами версии браузера:

    На этом этапе вам нужно внимательно просмотреть каждый снимок экрана:

    Макеты

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

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

    2. Кроссбраузерное тестирование

    Если вы хотите протестировать свой веб-сайт, используя более полный набор функций, CrossBrowserTesting — хорошее место для начала.Этот инструмент предлагает несколько опций, и, как и Browsershots, он может делать снимки экрана, которые вы можете просмотреть и сравнить.

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

    Учитывая все это, вы, вероятно, не удивитесь, узнав, что этот инструмент платный. Самый дешевый план стоит 29 долларов в месяц и включает неограниченное тестирование для одного пользователя.Однако существует также 7-дневная пробная версия , предлагающая 100 минут тестирования. Этого достаточно, чтобы опробовать все функции и посмотреть, нравятся ли они вам, и даже протестировать небольшой сайт.

    После регистрации учетной записи вы получите доступ к полной панели инструментов:

    Вы можете использовать вкладку Screenshots для создания статических изображений вашего сайта или ввести свой URL-адрес в поле Start a Live Test , чтобы выполнить полный тест. Наконец, выберите свое устройство и выберите операционную систему (ОС) и разрешение, которое вы хотите:

    Запустив тест, вы получите доступ к полной симуляции вашего сайта:

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

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

    Заключение

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

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

    1. Browsershots: Простой бесплатный инструмент, который предлагает скриншоты вашего сайта в самых разных версиях браузеров.
    2. CrossBrowserTesting: Более полный вариант премиум-класса, который поддерживает как снимки экрана, так и тестирование в реальном времени с использованием физических устройств.

    У вас есть вопросы о том, как протестировать сайт в разных браузерах? Дайте нам знать в комментариях ниже!

    Бесплатный гид

    5 основных советов по ускорению работы вашего сайта на WordPress

    Сократите время загрузки даже на 50-80%
    , просто следуя простым советам.

    .

    Самый мощный онлайн-инструмент для кроссбраузерного тестирования

    Поистине потрясающий продукт, быстрый, простой в использовании и экономящий много времени. Отличная работа LambdaTest.

    Livspace
    Рамакант
    Ливспейс

    Я очень впечатлен тем, что вы смогли сделать практически в кратчайшие сроки, а также скоростью отклика вашего сайта.

    Bitnissen
    Мортен Скайт Эриксен
    Bitnissen

    Всем разработчикам веб-сайтов и мобильных устройств я полностью рекомендую LambdaTest !!!

    Amazon
    Самир
    Amazon

    @LambdaTest значительно сократил общее время тестирования и выпуска моей команды.Отличный инструмент!

    Zenefit
    Брайан
    Зенефит

    Позволили нам решать проблемы, о существовании которых мы даже не подозревали. Хороший инструмент @LambdaTest

    H&M
    Саманта Мишель
    H&M

    .

    7 инструментов для кроссбраузерного тестирования, которые вам понадобятся в 2019 году

    Эта статья была создана в сотрудничестве с 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%
    • Safari: 15.12%
    • Firefox: 4,92%
    • UC: 4,22%
    • Opera: 3,15%
    • Internet Explorer: 2.8%
    • Samsung Интернет: 2,74%
    • Microsoft Edge: 2,15%

    * По состоянию на ноябрь 2018 г.

    Также имейте в виду, что существует несколько выпусков каждого веб-браузера для нескольких ОС. Звучит страшно? Не совсем, но — это чертовски скучно тестировать сайты на всех из них!

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

    Имея немедленный доступ к более чем 2000 веб-браузеров, работающих на реальных устройствах Android и iOS, хорошо известный BrowserStack позволяет разработчикам и другим заинтересованным сторонам участвовать в кросс-браузерном тестировании, будь то создание снимков экрана, отладка ошибок в реальном времени или собственно взаимодействовать с браузером изначально и видеть, как макет меняется при изменении размера окна.Нет необходимости идти на компромисс с симуляторами и эмуляторами, BrowserStack предлагает вам полный контроль, поскольку вы будете взаимодействовать с настоящими браузерами на удаленных машинах.

    Это не , как настоящая вещь, это — это настоящая вещь.

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

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

    CrossBrowserTesting от SmartBear предлагает как ручное, так и автоматическое тестирование с помощью Selenium, более 1500 удаленных браузеров на мобильных и настольных компьютерах и имеет такую ​​же настройку подписки, что и BrowserStack (за исключением их «Плана для фрилансеров»). Благодаря полному доступу к расширениям браузера и инструментам разработчика, таким как Chrome Dev Tools и FireBug, возможности взаимодействия с помощью движений и т.д. и, наконец, средствам отладки внешних ошибок, CrossBrowserTesting ничем не отличается от BrowserStack.

    CrossBrowserTesting и BrowserStack также позволяют пользователям сравнивать версии (в реальном времени или снимки экрана), запускать несколько тестов (или делать несколько снимков экрана) одновременно и даже делиться результатами.

    All-in-all, подходящая альтернатива BrowserStack, однако я бы выбрал BrowserStack, если для вас важно количество поддерживаемых браузеров (BrowserStack поддерживает еще 500).

    Благодаря неограниченному тестированию браузера в реальном времени, неограниченному автоматическому тестированию, неограниченному тестированию отклика, неограниченному тестированию снимков экрана и круглосуточной поддержке, у вас не будет ни малейшего беспокойства относительно ограничений при использовании Lambdatest.А с самым дешевым тарифным планом, начинающимся всего с 15 долларов в месяц, Lambdatest предлагает лучшую отдачу от вложенных средств. Фактически, существует даже высокофункциональная опция «пожизненно бесплатно», что делает его одним из самых доступных инструментов кроссбраузерного тестирования, доступных на рынке сегодня, и очень подходящим для тех, кто впервые озабочен кроссбраузерным тестированием.

    В качестве дополнительного бонуса все опции включают бесплатные минуты автоматизации; это если вы не выберете их мощный вариант автоматизации!

    Все опции также включают:

    • 2000+ собственных тестовых браузеров
    • Отслеживание проблем с помощью журналов тестирования
    • Функциональность локального тестирования
    • Автоматическое тестирование скриншотов
    • Адаптивное и визуальное сравнительное тестирование
    • Доступ к расширению WordPress и Chrome
    • Интеграция с Trello, Asana, Jira и Slack

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

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

    Кроме того, у них есть расширения для Chrome, Firefox, Opera и Safari!

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

    Что отличает инструменты кроссбраузерного тестирования Functionize от конкурентов, так это широкое использование искусственного интеллекта и тот факт, что если вы настроите тесты для в одном браузере , нет необходимости перекодировать тесты для других, что может сэкономить немало денег. время. Все они посвящены автономному тестированию (с использованием технологии Adaptive Event Analytics ™), так что вы можете больше времени уделять анализу результатов.

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

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

    Несмотря на то, что Sauce Labs предлагает аналогичные функции с другими инструментами кроссбраузерного тестирования, его цена начинается от 89 долларов в месяц (для тестирования на реальных устройствах).Однако они существуют довольно давно и заявляют, что имеют «самое большое в мире облако для непрерывного тестирования», так что, если у вас есть бюджет, стоит попробовать.

    Заключение

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

    Будь то Functionize с их подходом к интерфейсному тестированию, основанным на искусственном интеллекте, Experitest с их конкурентоспособными ценами или BrowserStack с их недорогим вариантом для фрилансеров, один из этих инструментов наверняка удовлетворит потребности ваших команд. Если вы ищете потрясающий универсальный вариант, Lambdatest, по-видимому, предлагает лучшее соотношение цены и качества.

    .