—»     —»   Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов
  Раздел: Браузеры, Инструменты   Нет комментариев  

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов



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

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

Наиболее важный параметр каждого из инструментов – это задержка при захвате, которую я измерял для переполнения URL в следующих браузерах: Firefox, IE, Chrome и Safari.

01. BrowserShots

BrowserShots – это наиболее старое и известное бесплатное приложение для создания скриншотов с различных браузеров. Приложение поддерживает наибольшее количество браузеров: в общем счете 61 различную версию браузеров и операционных систем. Это число, конечно, велико, но сдается мне, что вряд ли кто-то станет тестировать свой сайт в браузере Kazahakase 0.5, который запущен из-под BSD Unix. Приложение оснащено различными полезными функциями, в числе которых отключение и включение javascript, Java, Flash и изменение расширения экрана. Последняя функция мне показалась наиболее полезной, особенно в наше время, когда многие люди предпочитают пользоваться интернетом посредством смартфонов или планшетов с нестандартными расширениями экрана.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Интерфейс не особо удобен. Выбор браузеров и установка параметров занимает время, и так как это веб-приложение, вам придется выставлять эти параметры каждый раз, когда вам захочется сделать скриншот. Когда (и если) вы получите свои скриншоты, вам также не очень-то и просто будет сравнить полученные изображения. HTTP-перенаправление тоже автоматизировано не полностью: BrowserShots отображает URL, на которую вы должны быть перенаправлены, но вам приходится производить переход самостоятельно.

Самый серьезный недостаток BrowserShots (который делает это приложение, по моему мнению, непригодным для использования профессиональным разработчиком) – это время отклика. Наш сценарий тестирования занял почти 45 минут. Стоит также учесть, что скриншот будет доступен всего 30 минут, если вы вручную не сохраните его. Как вы видите на скриншоте снизу, в BrowserShots присутствует множество различных багов со скроллингом (посмотрите скриншот с браузера IE 8.0). Но даже несмотря на то, что тест одного из браузеров не удался, я посчитал операцию успешно завершенной.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

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

Уникальные свойства: Нет

Недостатки: Беспощадно медленный сервис

02. BrowserCam

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

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

BrowserCam поддерживает несколько расширений и оснащен функцией захвата отдельных окон или полноэкранный захват, что означает продуманную поддержку скроллинга. Еще одна привлекательная функция заключается в возможности захвата экрана с мобильного устройства: имеется поддержка устройств на платформе Blackberry, iPhone, Android и Windows Mobile. Учтите, что поддержка захвата с мобильных устройств не входит в стандартный план браузерного захвата, и поэтому вам придется заплатить $999.95$ сверху. Инструмент также оснащен функцией захвата электронных писем и функцией удаленного доступа, которая может быть полезна для выявления ошибок и несоответствий рендеринга. За обе эти услуги придется заплатить дополнительно. Скиншот, приведенный ниже, отображает вам результат захвата в оконном режиме.

Функция удаленного доступа позволяет вам подключать посредством VNC к ОС по вашему выбору, будь то Linux, Win или Mac с различными версиями браузеров. Эта функция будет очень полезна, если вам потребуется протестировать веб-сайт на оборудовании, которое вам недоступно (например, Mac). Но следует учесть то, что цена пакета почти равняется цене нового Mac Mini ($499.95 в год). К тому же, если учитывать неэффективность протоколов VNC, удаленное исправление ошибок может наскучить.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

Отличный профессиональный сервис с продвинутыми функциями и содержательным интерфейсом.

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

Недостатки: Высокая цена.

03. Adobe BrowserLab

BrowserLab – это новое предложение от Adobe. Ранее это приложение было известно под названием Meer-Meer. Приложение написано на Flash, что гарантирует кросс-платформенную поддержку, отличный внешний вид и, (что самое важное) скорость ответа приложения. На данный момент приложение доступно бесплатно в качестве предварительной тестовой версии, в процессе которой компания Adobe отслеживает быстродействие. Так как приложение будет тестироваться в течение года, то почему пока что не попользоваться им. Судя по сообщениям Adobe, приложение в дальнейшем будет стоить от $10 до $20 в месяц, начиная от 2011 года.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

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

Скорость создания скриншотов вполне высокая. Процедура тестирования заняла у меня менее минуты.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

Красивый интерфейс и возможность бесплатного использования до конца 2010 года.

Уникальные свойства: Отсутствуют.

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

04. Microsoft Expression Web SuperPreview

SuperPreview представляет собой новое добавление к веб среде WYSIWYG-разработки. Вы можете бесплатно скачать это отдельное независимое приложение, но учтите, что оно работает только с IE. Поддержка браузеров очень ограничена. Отдельная версия поддерживает лишь IE версий 6, 7 и 8, в то время как полная версия также поддерживает Safari и Firefox. С другой стороны, удобство использования просто поражает.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

Вы не можете приобрести SuperPreview без Expression Web, розничная цена которого составляет $149.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

Интерфейс простейший в использовании и скорость работы просто поражает. Но поддержка браузеров очень ограничена, а принадлежность к Expression Web, к тому же, делает приложение непригодным.

Уникальные свойства: Отсутствуют.

Недостатки: Ограниченная поддержка браузеров, высокая цена.

05. BrowserSeal

BrowserSeal – это новый инструмент. Он чем-то похож на SuperPreview. Это приложение также используется на локальном компьютере, и скорость вполне впечатляет. BrowserSeal справился с нашей задачей по тестированию менее чем за минуту. Браузерная поддержка, к тому же, достаточно обширная. Кроме всем известных IE, Firefox, Safari, Opera и Chrome, приложение также поддерживает почти любой браузер, на котором вы бы захотели протестировать свой сайт. У приложения есть две отличных функции, которые позволяют выделить инструмент из всего списка: отдельная поддержка браузеров и интерфейс в виде командной строки для автоматизации скрипта.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

Цена вполне доступная относительно других кандидатов: стандартная версия обойдется вам в $49. Существует также автоматизированная версия с командной строкой, которая позволяет вам захватывать URL посредством скрипта или batch-файла. Интерфейс очень привлекателен и прост в использовании. Табулированный интерфейс позволяет вам с легкостью уловить даже малейшие несоответствия в отображении.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

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

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

Недостатки: Работает только на Windows.

06. Litmus

Litmus представляет собой еще один сервис по созданию скриншотов, основанный на веб-платформе. Браузерная поддержка, которая включает в себя 23 различных комбинации (IE, Firefox, Chrome, Safari, Opera, Flock, Camino, SeaMonkey и Netscape ) впечатляет. Скорость тестирования тоже хороша, но ее сложно сравнить с некоторыми из представленных в подборке инструментами: наш тест занят почти 5 минут.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

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

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

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

Уникальные свойства: Отсутствуют.

Недостатки: Нет поддержки скроллинга, а также ощущается недостаток стандартных для такого типа приложений функций.

07. Multi-Browser Viewer

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

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

Поддержка браузеров впечатляет. Приложение поддерживает 54 комбинации браузеров и ОС (без включения 17 доступных вариаций в отдельной версии), включая IE, Firefox, Chrome, Opera, Safari, Camino, Konqueror. Цена тоже вполне впечатляет: за годовую лицензию на одно лицо придется выложить $129.95.

Хотя приложение и насыщено функциями, оно все же немного отстает от других кандидатов, так как здесь отсутствуют функции аутентификации и отсчета задержки захвата. Поддержка скроллинга очень корявая: с нашим тестом я смог получить результат только для IE, Firefox и Safari. Результата для Opera я не получил.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

Отличный интерфейс и впечатляющая браузерная поддержка.

Уникальные свойства: Отдельные версии некоторых (но не всех) браузеров.

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

08. Browsera

Browsera представляет собой веб-сервис по созданию скриншотов. В сравнение с остальными кандидатами, здесь браузерная поддержка довольно скудная: только IE, Firefox и Safari. Стандартный план обойдется вам в $588 за год пользования. Интерфейс довольно привлекательный, быстрый и опрятный. Вы без труда сможете сортировать сессии созданных скриншотов в проекты.

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

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

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Вывод

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

Уникальные свойства: Рекурсивный серфинг по веб-сайту.

Недостатки: Ограниченная браузерная поддержка и высокая цена.

Наборы браузеров

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

* Spoon
* BrowserSeal.BrowserPack
* Internet Explorer Collection
* IE Tester

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

В то время как IE Collection и BrowserSeal.BrowserPack (предложенное бесплатно и независимо от коммерческого сервиса по созданию скриншотов BrowserSeal) работают очень устойчиво. У меня не возникало никаких проблем с браузерами, установленными посредством данных наборов. IE Collection поддерживает все версии браузера IE. BrowserSeal.BrowserPack, который основан на IE Collection и соответственно поддерживает IE, также предоставляет поддержку браузеров Firefox (2 версии), три версии Opera и две версии Safari.

Вывод

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

Тестируем на кросс-браузерность: Подробное описание инструментов и сервисов

Очевидно, что у нас нет явного победителя. У каждого сервиса есть свои преимущества и недостатки, и вы должны сами решить, на чем основать собственный выбор. Профессиональным разработчикам, скорее всего, не следует использовать BrowserShots, так как он очень медленно работает. SuperPreview и Browsera тоже не особо пригодны из-за скудного разнообразия поддержки браузеров.

BrowserLab, скорее всего, будет популярен до тех пор, пока за него не надо платить. Как только Abode начнут взимать плату за пользование данным сервисом, вам будет сложно отыскать причину того, почему вам стоит пользоваться именно им. Хотя, если вы пользуетесь Dreamweaver’ом, то там есть расширение BrowserLab, которое достаточно сильно помогает в работе.

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

BrowserCam, BrowserSeal, Litmus и Multi-Browser Viewer – это действительно стоящий выбор. Но они сильно отличаются в цене. Если вам нужен тест мобильных браузеров, BrowserCam может быть вашим единственным выбором. Для других целей я бы порекомендовал BrowserSeal или Multi-Browser Viewer. В обоих приложениях есть отдельные браузеры, которые могут быть очень пригодными для тестирования. К сожалению, оба эти приложения работают только в Windows, так что пользователям Mac стоит обратить внимание на BrowserLab или BrowserCam. Если для вас важно автоматическое тестирование, тогда вам лучше всего подойдет BrowserSeal.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 7722   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930