Ресурсы »
Онлайн инструменты для проверки кроссбраузерности
Когда дело доходит до изучения просторов глобальной сети, у пользователей интернета есть весьма широкий выбор браузеров («просмотровщиков»). Наша обязанность, как дизайнеров и разработчиков веб-сайтов — обеспечить совместимость сайта со всеми видами браузеров, иными словами обеспечить кроссбраузерность сайта.
Но сразу возникает вопрос — какие браузеры используют пользователи? Сейчас самыми популярными «просмотровщиками» веб-страниц являются Internet Explorer 7 и 8, Mozilla Firefox, Google Chrome и Opera. Однако для каждого вида сайта, в зависимости от того к какой тематике он относится, процент посетителей с разными браузерами может сильно варьироваться. Поэтому, довольно часто, разработчики определяются, с какой аудиторией им предстоит работать и в зависимость от результатов «подготавливают» сайт только под определенные виды браузеров.
Конечно же, протестировать сайт на одной машине, даже установив несколько видов «просмотровщиков», практически невозможно. Но благодаря специальным инструментам и веб-сервисам можно легко определить, как выглядит сайт в том, или ином браузере на разных операционных системах.
В этой статье мы подготовили для вас ряд онлайн инструментов и сервисов, которые можно смело использовать при тестировании кроссбраузерности сайта.
Browsershots
Browsershots — это самый популярный сервис для тестирования кроссбраузерности. Он делает скриншоты вашего сайта практически во всех видах браузеров. Благодаря тонкой настройке можно выбрать как виды движков (WebKit или Gecko), так и виды операционных систем (Linux, Windows, Mac OS X или BSD). Так же в настройках есть выбор разрешения экрана, присутствие установленного javascript, flash, java и другие виды параметров.
NetRenderer
Благодаря этому онлайн инструменту можно бесплатно проверить кроссбраузерность сайта во всех версиях Internet Explorer (версии 5.5, 6, 7, 8, а так же 7-6 Mixed и 7-6 Difference). Из функционала стоит выделить отображение времени обработки и ограничение размера экрана в 1024px.
Browser Sandbox
С помощью этого сервиса вы можете запускать станицы в разных браузерах, таких как IE, Firefox, Safari, Chrome и Opera непосредственно из своего браузера. Единственное отличие от других сервисов в обзоре — необходимость установки небольшого дополнения, которое обеспечивает дальнейшее тестирование.
Browsrcamp
Browsrcamp позволяет проверить совместимость вашего сайта с браузерами в Mac OS X. Бесплатная версия позволяет проверить сайт только в Safari 3.1.2. Но при оплате подписки можно будет тестировать сайт в 12 различных браузерах, которые могут быть установлены на этой OC. Полный список браузеров, как и стоимость подписки, можно найти на страницах сервиса.
Adobe BrowserLab
Еще один популярный веб-сервис, который позволяет проверять отображение сайтов в разных браузерах и на разных ОС. Среди функционала есть такие полезные возможности как проверка сайта в разных разрешениях, настройка, редактирование и сохранение различных сочетаний браузеров для тестирования.
Browsera
Платный онлайн сервис предназначенный для тестирования сайта в целом, а не только для проверки кроссбраузерности сайта. Большой набор всевозможных функций и настроек делает Browsera мощным средством для отладки веб-сайта. Из возможностей отметим: анализатор ошибок сценариев на JavaScript; возможность тестирования всего сайта, а не только отдельных страниц; тестирование страниц с динамическим содержанием. У сервиса есть бесплатно-тестовая версия, которая позволяет отлаживать не более 25 страниц в месяц, а так же бесплатный 30-дневный пробный период.
Litmusapp
Еще один платный сервис с большим количеством разнообразных функций, как мелких и довольно специфичных, так и крупных и очень полезных (чего стоит только возможность тестирования сайта на мобильных устройствах с Windows Mobile, Symbian или iPhone). О полном списке возможностей и разнообразных «плюсов» можно прочитать на страницах сервиса.
А какими сервисами и инструментами пользуетесь вы когда тестируете кроссбраузерность сайта?
Комментарии (13) ↓
Панков / 26 Июнь 2010 в 15:37
Я пользовался всеми установленными браузерами, теперь буду каким нибудь сервисом, спасибо!
Sagadoll / 27 Июнь 2010 в 10:38
Да спасибо, очень полезная информация и не надо ставить кучу браузеров, а тем более с нашим дорогим интернетом.
Mishanja / 1 Июль 2010 в 03:26
Интересно, попробую, наверняка экономия будет, и не только на трафике.
Alexzay / 1 Июль 2010 в 22:47
А я по старинке, лично в каждом браузере проверяю.
Hvostt / 6 Июль 2010 в 04:57
Всё отдал бы за подключаемые движки разных версий браузеров к FireFox или Chrome, на крайняк IE. Чтобы можно было у себя тестить, поковырять FireBug-ом. Скриншоты позволяют увидеть само наличие проблемы, а потом запаришься искать в чём же она заключается. В конце концов я уже давно послал IE6 куда подальше, просто у тех, кто сидит на IE сайты квадратные. Пусть потерпят чуток до IE9 (: и CSS3
Alex-Rude / 7 Июль 2010 в 14:34
Ух-ты как много. Я только Browsershots пользовался. Штука прикольная, но косячит немного. Иногда страница не успевает подгрузиться, а иногда боты цепляют рекламу с полуголыми фемидами.
Момчил / 9 Июль 2010 в 13:40
Browsershots — здесь я открыл что-то полезное.
Gradblog / 17 Июль 2010 в 06:30
Спасибо, обязательно проверю свой блог.
Efimov / 17 Июль 2010 в 11:23
Hvostt, хотите тестировать сайты на различных версиях IE? Вам в помощью . В нем вы без труда сможете протестировать сайт на всех версиях от 5.5 до последней. Работает отлично и показывает как реальные браузеры. Проверено лично. Собирался в блоге писать о этой программулине, но пока руки не дошли, так что пользуйтесь на здоровье. Еще дизайн у нее прикольный, как офис 2007 (:
Черепашка / 21 Июль 2010 в 16:36
Спасибо, очень классная подборка, обязательно воспользуюсь чем-то.
Владимир / 23 Июль 2010 в 19:31
Спасибо за хорошую статью + подборку давно искал, нашел то, что нужно.
Seo блог безработного сеошника / 29 Июль 2010 в 14:51
Да IEtester однозначно круче этих всех сервисов. Они долго думают почему то.
Цветок / 6 Август 2010 в 00:47
Спасибо за интересную информацию.