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

Сегодня нам предлагается богатый ассортимент браузеров, позволяющих беспрепятственно исследовать просторы интернета. В обязанность разработчики сайта и его дизайнеры входит обеспечение совместимости проекта с каждым из них. Проверка на кроссбраузерность потеряет свою актуальность тогда, когда все браузеры станут выводить коды HTML/CSS одинаково, ориентируясь на общие стандарты. Однако сегодня этого не происходит, поэтому требуется проверять каждый проект, как в современных, так и в более старых версиях. Как это сделать? Самый простой вариант — наличие достаточного количества компьютеров с разными операционными системами и браузерами. Тогда, имея много свободного времени, не составит труда опробовать проект на них всех. Есть способы с большей эффективностью. Существуют специальные веб-сервисы позволяющие легко сделать тестирование на кроссбраузерность. при этом возможны два варианта их работы:

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

Рассмотрим всё по порядку.

Browsershots

Поддержка: 164 браузера на таких ОС как Windows, Linux, Mac, BSD. Этого больше чем достаточно. Вряд ли сегодня существует более чем один пользователь, работающий в ОС BSD с браузером Kazehakase. Но проверить, как в них работает ваш проект, тем не менее, возможно.

Проверку данный ресурс проводит в последних версиях всех браузеров, но можно протестировать и более ранние версии. При работе с Browsershots нужно учитывать время обработки данных. Чем большее количество вариантов будет выбрано для проверки, тем дольше ресурс будет подготавливать результаты. Услуги предоставляются на бесплатной и на платной основе. Нужно отметить, что бесплатный сервис работает существенно медленнее, количество предоставляемых в день скриншотов также ограничено. Стоимость платного обслуживания на сервисе — примерно 30 долларов в месяц, при этом вам выдаётся 30 — 50 скриншотов за несколько минут.

Adobe BrowserLab

Сервис разработан Adobe, работает бесплатно и позволяет протестировать ваш сайт через две ОС (Windows и Mac) как в новых, так и в устаревших версиях браузеров, включая Firefox Chrome, Safari, IE. Работает в трёх режимах:

• наложенных слоев
• сравнения
• полного экрана

Особенность сервера в том, что он может работать локально, являясь дополнениемAdobe Dreamweaver CS5 или Firebug, но может и получать доступ к размещённым в сетистраницам.

SuperPreview

Этот способ проверки кроссбраузерность предложен Microsoft и совместим исключительно с Windows. С помощью SuperPreview можно выделить набор браузеров, для которых необходима проверка совместимости. Сервис может работать с любым браузером, который установлен у вас с механизмом вывода на IE 6, поэтому действует весьма оперативно: не приходится ждать, пока удалённый сервис загрузит или обработает страницы. Этот же факт является и минусом — набор доступных для тестирования браузеров ограничен.

Сервис SuperPreview можно рассматривать как часть Expression Web, он работает в бесплатном режиме.

Он-лайн версия сервиса поддерживает Firefox 3+4, Chrome и Safari 4+5 для Mac. есть вариант использования интерактивного режима для тех сайтов, которым нужна регистрация при выводе тестируемых страниц. У SuperPreview есть инструмент работы с DOM. К недостаткам сервиса следует отнести невозможность работы с Opera, даже при её локальной установке.

Lunascape 6

Особенность браузера в том, что он способен работать на платформах.

• WebKit, лежащая в основе Safari
• Trident, составляющая основу Internet Explorer
• Gecko, являющаяся основанием для FireFox

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

Browsera

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

Browsrcamp

Работает с большим количеством браузеров и ОС и позволяет использовать любую платформу для проверки кодов. Может поддерживать:

• Google Chrome
• Chrome NXS 2.3
• Internet Explorer
• Mozilla Firefox
• Explorer 5.0 (RQVGA)
• Opera 9.7b
• и целый ряд других

Поддерживаемые ОС:

• Windows — 98, 2000 Professional, XP, Vista;
• BlackBerry Q5 и OS 6
• Apple IOS
• Windows Mobile — 5.0 (RQVGA), 6.0, 6.5
• Mac OSX 10,3-10,5
• Google Android
• Fedora Core 6.

IE Tester

Сервис тестирования браузеров для Windows. Тестируются сайты в IE 5.5, 6, 7, 8, 9 и 10 Previev. есть возможность проверить работу как JavaScript, так и рендеринг HTML+CSS.

IE Tester работает бесплатно, но доступна только его альфа-версия. Для работы требуется ОС Windows (7, XP или Vista) и браузер IE 7 или выше.

Browserling

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

Sauce Labs

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