Полное руководство по проверке совместимости между браузерами
Интернет-пользователи имеют более широкий выбор браузеров, когда дело доходит до серфинга в сети. Мы, как дизайнеры и разработчики, несем ответственность за обеспечение совместимости созданных нами веб-сайтов с большинством часто используемых браузеров..
Это приводит к простому, но критически важному вопросу - какие браузеры используют наши посетители? Согласно w3school, наиболее часто используемые браузеры Internet Explorer 7 и 8 а также Fire Fox с Сафари а также Гугл Хром постепенно набирая. Но цифры могут отличаться от сайта к сайту, в зависимости от его ниши. Лучше всего получить демографию из показателей вашего сайта, Гугл Аналитика например.
Как только вы определили общие браузеры, которые используют ваши посетители, пришло время убедиться, что веб-сайт отображает то же самое в этих браузерах. Практически невозможно установить все разные браузеры на одном компьютере.. Но благодаря некоторым инструментам и веб-сервисам, узнать, как ваш сайт выглядит в других браузерах, возможно.
В этой статье мы хотим представить вашему вниманию некоторые решения, от которых вы можете зависеть при проведении кросс-браузерного тестирования совместимости. Полный список после прыжка.
Тест на совместимость онлайн
Browsershots
Browsershots - это бесплатная и самая популярная кроссплатформенная утилита для тестирования совместимости нескольких браузеров для веб-дизайнеров. Browsershots делает скриншоты вашего веб-дизайна в разных браузерах. В базу Browsershots включены все самые популярные браузеры, и вы легко можете проверить, как выглядит ваш сайт во всех браузерах и платформах ОС..
Браузер Песочница
Эта страница, созданная Spoon.net, позволяет запускать различные браузеры, включая IE, Firefox, Safari, Chrome и Opera, прямо из браузера. Просто как тот.
NetRenderer
IE NetRenderer - бесплатный тестер совместимости браузеров. С помощью IE NetRenderer вы можете проверить, как сайт отображается в разных версиях Internet Explorer. После бета-тестирования, очень скоро в IE NetRenderer будет интегрирована новейшая версия IE - IE9, и вы сможете увидеть, показывает ли ваш сайт ошибки в этом браузере..
Browsrcamp
Browsrcamp позволяет проверить совместимость вашего дизайна с браузерами Mac OS X. Если вы не хотите тратить деньги, вы можете проверить совместимость вашего дизайна с Safari 3.1.2. Просто добавьте URL своего сайта, и вы получите скриншот своего сайта. Но если вы хотите проверить совместимость с другими браузерами Mac, вы можете подписаться на 3 $.
Adobe Browserlab
Adobe Browserlab - это веб-сервис, позволяющий дизайнерам тестировать проекты в нескольких браузерах и операционных системах. В эту систему включены функция масштабирования и инструменты измерения, такие как линейки и направляющие, а также возможность быстрого перехода к определенным областям скриншота. Наборы браузеров позволяют дизайнерам настраивать, редактировать и сохранять комбинацию браузеров для тестирования.
Litmusapp
Litmus показывает вам скриншоты ваших сайтов, которые выглядят во всех основных веб-браузерах. После завершения тестирования вы можете получить полный отчет о совместимости, готовый для просмотра вашими клиентами. У лакмуса есть 4 ценовых плана. Вы можете зарегистрироваться бесплатно и использовать только тестирование браузеров Explorer 7 и Firefox 2 или выбрать тарифные планы.
Anybrowser просмотрщик сайта
Anybrowser Site Viewer позволяет просматривать HTML-страницы так же, как это делают другие браузеры, или экран другого размера. Вы можете переходить от ссылок к ссылкам, просматривая страницы так, как они выглядят в различных браузерах, и проверять чистоту только текста. Кроме того, средство просмотра сайтов Anybrowser позволяет выбирать определенные элементы страницы..
Fundisom
Fundisom - это генератор скриншотов Mac, который позволяет вам увидеть ваш сайт на Macintosh G5 в Safari, MacIE или Mozilla. На данный момент генератор снимков экрана Safari для веб-разработки lixlpixel временно недоступен, но вы можете проверить это позже..
Делори Линксвью
Delorie lynxview - это сервис, который позволяет веб-авторам видеть, как будут выглядеть их страницы при просмотре с помощью Lynx, текстового веб-браузера..
Browsera
Браузер предназначен для использования в качестве инструмента тестирования, а не просто инструмента для создания снимков экрана, и работает на уровне сайта, а не на уровне страницы. Browsera сканирует страницы на вашем сайте и проверяет их на предмет несоответствий макета и ошибок сценариев.
IE Tab
IE Tab - это дополнение к Firefox, которое позволяет загружать веб-страницы в Internet Explorer, не открывая другое окно браузера. Просто нажмите кнопку на панели инструментов Firefox, и она откроет текущую страницу в новой вкладке, которая использует движок Internet Explorer вместо Firefox.
Плагин и инструменты
IETester
IETester - это бесплатный веб-браузер, который позволяет вам иметь механизмы рендеринга и javascript для предварительного просмотра IE9, IE8, IE7 IE 6 и IE5.5 для Windows 7, Vista и XP. Веб-разработчикам полезно проверить, что их сайты работают должным образом во всех наиболее распространенных версиях Internet Explorer..
IECapt
IECapt - это небольшая утилита командной строки для захвата рендеринга веб-страницы в Internet Explorer в файл изображения BMP, JPEG или PNG..
Multi-Safari
Multi-Safari - это бесплатный инструмент для проверки совместимости браузера, который позволяет проверять визуализацию вашего веб-сайта с использованием различных версий Safari. Multi-Safari не позволяет тестировать разрешение экрана.
Expression Web SuperPreview
Expression Web SuperPreview - это бесплатный инструмент, который помогает пользователям тестировать свои сайты на разных версиях Internet Explorer. Expression Web SuperPreview - это автономный инструмент визуальной отладки, который облегчает перенос сайтов с IE6 на IE7 или 8..
Iphoney
iPhoney предоставляет среду просмотра веб-страниц с точностью до пикселя, которую вы можете использовать при разработке веб-сайтов для iPhone. Это идеальный холст размером 320 на 480 пикселей для вашего iPhone. iPhoney не является симулятором iPhone, а предназначен для веб-разработчиков, которые хотят создать 320 на 480 веб-сайтов для использования с iPhone.
MultipleIEs
С MultipleIE вы можете проверить свою веб-страницу в Internet Explorer 3, 4, 5 и 6. Это старые браузеры, но если вы можете, чтобы ваш сайт был доступен для всех браузеров, проверьте также для самых старых версий IE с MultipleIE.
Несколько IE
Multiple IE похож на инструмент, как MultipleIEs. Multiple IE - это небольшой пакет, который позволяет запускать несколько версий IE на одном компьютере, начиная с IE 6.0 и заканчивая IE 3.0
SortSite Professional
SortSite Professional позволяет разработчикам веб-сайтов, владельцам и консультантам проверять целые сайты на соответствие стандартам и вопросы качества. SortSite проверяет каждую найденную страницу, а затем выдает отчет о каждой проблеме. SortSite проверить более 300 контрольных точек качества.
Lunascape
Lunascape - это первый и единственный в мире браузер с тремя движками. В него включены основные браузеры: IE, Firefox, Chrome, Safari. С Lunascape вы можете выбрать правильный движок для использования в нужное время, осознавая значительное уменьшение проблем совместимости веб-браузеров, долгого времени загрузки и неправильного отображения веб-сайтов..
Премиум Сервис
BrowserCam
BrowserCam - это платная онлайн-служба, которая позволяет просматривать веб-страницы на разных платформах и в разных браузерах, автоматически делая снимки экрана по вашему выбору или получая удаленный доступ к компьютерам..
Crossbrowsertesting
На этом сайте вы сможете протестировать свой веб-сайт (или кого-либо другого) в любой операционной системе и браузере. Это должно сэкономить вам много времени, когда вы пытаетесь добиться цели. Стоимость подписки начинается от $ 19,95.
Url2image
Используя ферму веб-серверов Url2image, и как зарегистрированный пользователь, вы можете запрашивать скриншоты дизайна вашей веб-страницы, используя различные комбинации браузера и ОС. Url2image предлагает приз за скриншоты. 2 скриншота стоят $ 1.
SortSite
SortSite Professional проверяет страницы на наличие множества функций, которые работают некорректно или ведут себя по-разному в разных браузерах. Стандартный лицензионный приз составляет $ 149.
Multi Browser Viewer
Multi Browser Viewer включает в себя 17 предварительно упакованных, виртуализированных автономных браузеров. Помимо 17 автономных браузеров, Multi-Browser Viewer также имеет возможность протестировать ваш сайт в 50 браузерах в трех операционных системах (Mac, Windows и Linux). Приз за лицензию для одного пользователя составляет $ 99,95.
Тестирование в облаке
Функция Cross Browser Testing в Cloud Testing позволяет вам проверять как внешний вид, так и функциональность ваших сайтов электронной коммерции и транзакционных веб-сайтов, используя браузеры IE 6,7,8, Firefox, Apple Safari, Google Chrome и Opera. Стоимость одного теста составляет £ 0,10..
