» » Обзор инструментов для тестирования сайта различными браузерами

Обзор инструментов для тестирования сайта различными браузерами

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

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

Обзор инструментов для тестирования сайта различными браузерами Adobe BrowserLab
Adobe BrowserLab — это бесплатный инструмент проверки кросс-совместимости на различных браузерах, который позволяет протестировать сайт для ряда современных и устаревших браузеров, включая различные версии Chrome, Safari, IE и Firefox. Он предоставляет вам ряд способов просмотра страниц, в том числе в полноэкранном режиме для одного браузера, а также возможность параллельного одновременного сравнения браузеров. Сервис может работать онлайн с динамическими страницами в Интернете, или просматривать их локально через Firebug или Adobe Dreamweaver CS5. Возможность создания предопределенных наборов браузеров также полезно, если вам не нужно тестировать сайт на старых версиях браузеров.

Обзор инструментов для тестирования сайта различными браузерами Browsershots
Browsershots, вероятно, наиболее полный бесплатный доступный инструмент для тестирования. Он включает в себя возможность тестирования на браузерах операционных систем Linux, Windows и BSD. В нем также есть возможность тестирования для ряда браузеров, о которых вы, вероятно, никогда не слышали (например, Galeon, Iceape, Kazehakase и Epiphany). По большей части, тесты Browsershots самых последних версий каждого браузера также эффективны, как и для старых версий.
Хотя Browsershots поддерживает огромное разнообразие браузеров, но чем больше вы задаете различных условий (браузеров), тем медленнее он готовит результаты. Таким образом, вы можете ограничиться основными браузерами.

Обзор инструментов для тестирования сайта различными браузерами SuperPreview (бесплатный и коммерческий)
Сервис SuperPreview предложен компанией Microsoft и он совместим только с Windows. Он позволяет вам определить собственный "основной" браузер, и он работает с любым браузером, установленном на вашей системе (поставляется с встроенным Internet Explorer). Тот факт, что он работает только со встроенными браузерами, делает его работу быстрее (потому что вы ничего не загружаете и не ожидаете ответа удаленного сервера), но из-за этого он ограничен в количестве браузеров, которые можно сравнить.
Триал версия SuperPreview действует 60 дней и работает как облачный сервис. В онлайн-версии доступна поддержка Chrome, Safari (Mac) 4 +5, Firefox 3 +4. Вы также можете использовать интерактивный режим для просмотра сайтов, требующих регистрации перед отображением страницы, которую вы хотите проверить. К сожалению, нет никакой поддержки для Opera, установленной локально или в облаке, и вы должны иметь версии, включая Expression Web, чтобы получить возможность доступа к облачным сервисам. Базовая версия поддерживает браузеры Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, которые включены и в бесплатную версию, а также Internet Explorer 9, если он установлен локально.

Обзор инструментов для тестирования сайта различными браузерами Lunascape 6
Lunascape является браузером для Windows с тройным движком. Она работает как Trident (Internet Explorer), Gecko (Firefox) и WebKit (Safari, Chrome и), так что вы можете увидеть, как выглядит ваш сайт во всех трех браузерах одновременно. И хотя это не традиционный инструмент тестирования на совместимость браузеров, тем не менее, он является полезным инструментом для дизайнеров и разработчиков. Одним из главных его преимуществ является то, что вы получаете возможность одновременного просмотра вашего сайта сразу с помощью всех трех основных движков. В нем также присутствует поддержка расширений и плагинов Firefox, поэтому вы можете использовать инструменты для разработчиков, такие как Firebug, для диагностики проблем с совместимостью.

Обзор инструментов для тестирования сайта различными браузерами IETester
IETester это бесплатный (как для личного, так и для профессионального использования) браузер для Windows, который имеет движок для рендеринга и javascript для предварительного просмотра в браузерах Internet Explorer 10, Internet Explorer 9, Internet Explorer 8, Internet Explorer 7, Internet Explorer 6 и Internet Explorer 5.5 на Windows 7, Vista и XP. Пока доступна только альфа-версия программы. Необходимыми требованиями для запуска программы является наличие ОС Windows 7, Windows Vista или Windows XP и браузера Internet Explorer 7 или выше.

Обзор инструментов для тестирования сайта различными браузерами IE NetRenderer
IE NetRenderer позволяет проверить совместимость сайт для браузеров Internet Explorer от 5.5 до 9 версий. Вам придется проверять каждый вариант в отдельности, зато эта программа является бесплатной.

Обзор инструментов для тестирования сайта различными браузерами Spoon
Spoon это бесплатный сервис, эмулирующий работу браузеров. Он предоставляет бесплатные версии Firefox, Chrome, Opera и Safari для пользователей Windows. Список версий каждого браузера включает: Firefox 2-5, Chrome 4-8, Safari 3-5 и Opera 9-10.

Обзор инструментов для тестирования сайта различными браузерами Sauce Labs (бесплатный и коммерческий)
Sauce Labs предоставляет много вариантов браузеров и операционных систем. Он также записывает видео всей сессии вашего тестирования. Сервис предлагает 200 бесплатных минут испытаний в месяц и позволяет быстро создавать автоматизированные тесты браузера помощью с Selenium.

Обзор инструментов для тестирования сайта различными браузерами Browsera (бесплатный и коммерческий)
Browsera обеспечивает автоматизированное тестирование на совместимость. Он автоматически выделяет различия в способах загрузки вашего сайта различными браузерами, тем самым упрощая процесс тестирования. Оно также обнаруживает ошибки javascript, а коммерческая версия может тестировать страницы, закрытые авторизацией. Он также может проверять динамические страницы.
Бесплатный тарифный план включает в себя ограниченное число браузеров и низкое разрешение экрана. Премиум планы начинаются с $39 для одного проекта. Месячная подписка будет стоить от $49 до $99 и обеспечит поддержку большего количества браузеров с высоким разрешением экрана и позволит тестировать закрытые страницы.

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

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

Обзор инструментов для тестирования сайта различными браузерами Mogotest
Mogotest делает полную проверку на совместимость браузеров. В нем есть API, поэтому он может быть интегрирован в существующие инструменты и рабочие процессы. Mogotest также предлагает отчет о состоянии сайта, который расскажет вам о неработающих ссылках и страницах и других вопросах, общих для новых веб-сайтов. Служба также предлагает инструмент сравнения скриншотов для различных браузеров. Есть два тарифных плана для физических лиц: личный план, начиная с $15 в месяц, позволяющий протестировать до 50 страниц на трех сайтах, и фрилансер-план за $45 в месяц, включающий в себя до 10 веб-сайтов из 350 страниц. Команда планирует расширить варианты планов от $125 в месяц, и до $4499 и более за предоставление неограниченного доступа. Два самых дорогих плана предусматривают настраиваемые отчеты.

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

Обзор инструментов для тестирования сайта различными браузерами BrowserCam
BrowserCam включает в себя средства тестирования совместимости для настольных и мобильных браузеров (последнее до сих пор отсутствует во многих других инструментах). Он также предлагает удаленный доступ для оперативного тестирования Windows, Linux и Мас OS, проверки электронной почты для проверки ваших HTML, RTF и TXT писем.
Цены на BrowserCam начинаются от $19,95 в день для одного вида сервиса до $999,95.

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

Цена одиночной пользовательской лицензии использования продуктов и обновлений Multi-Browser Viewer составляет $139,95 в год. Стоимость обновлений по окончании первого года использования составляет $99,95. Бесплатная пробная версия доступна на веб-сайте разработчика сервиса.

Обзор инструментов для тестирования сайта различными браузерами CrossBrowserTesting
CrossBrowserTesting обеспечивает оперативное интерактивное тестирование браузера с помощью удаленных VNC сессий. Он также автоматически создает скриншоты разных браузеров для основных испытаний. Есть более чем 100 комбинаций браузеров и операционных систем, в том числе многих мобильных платформ.
Цена ежемесячной подписки колеблется в диапазоне от $29,95 до $199,95, в зависимости от количества пользователей и длительности испытаний. Бесплатная пробная версия доступна для всех планов в течение одной недели.


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





Добавить комментарий

КОММЕНТАРИИ

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

ВОЗМОЖНО ВАС ЭТО ЗАИНТЕРЕСУЕТ

  • Онлайн оценка производительности страницы от Google Page Speed
    В продолжение к предыдущей заметке о расширении "Page Speed" для Chrome, в этой новости хотел рассказать вам что так же с 2009 года существует в Google Labs сервис оценки производительности страницы
  • ilovepsd - Правила хорошего тона в «Фотошопе»
    Сайт www.ilovepsd.ru представляет из себя небольшой симпатичный справочник по «Фотошопу» для веб-дизайнеров и верстальщикам. Следование этим простым правилам исключает многие проблемы,возникающие при
  • Adobe Kuler инструмент создания цветовых схем
    Сегодня речь пойдет о вопросе выбора цветовой гаммы. Ни для кого не секрет, что подбор цвета для печатной продукции, равно как и для сайта, процесс сложный и творческий. Представляем вашему вниманию
  • Подборка инструментов для построения графиков и диаграмм
    Есть много разных сервисов, облегчающих жизнь веб-разработчику или дизайнеру, в том числе создающих разные графики, диаграммы, блок-схемы и т.д. Ниже представлена немаленькая подборка.
  • Сравнение видеоплееров на HTML5
    Philip Bräunlich провёл сравнение возможностей двух десятков свободных видеоплееров, использующих тег video в HTML5 и обобщил результаты в таблице. Там же можно посмотреть их в действии, в том
Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.