Для сайта

7 Веб инструментов для проверки кроссбраузерности сайта

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

 

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







Некоторые из таких сервисов делают скриншоты вашего сайта в различных браузерах, другие работают как виртуальные машины.

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

Adobe Browserlab (бесплатно)

Кроссбраузерность сайта

Browserlab это бесплатная услуга, предоставляемая Adobe. Позволяет тестировать свой сайт на различных современных и старых браузерах, как через Windows так и Mac OS. Browserlab работает как виртуальная машина. Так же имеется режим раздельного экрана, что позволяет сравнивать свой сайт в различных браузерах.

Хочу предупредить, список доступных браузеров ограничивается только последней версией Chrome,  Firefox, Safari и четыре последних версии Internet Explorer.

Browsershots (бесплатно и платно)

Кроссбраузерность сайта

Browsershots данный сервис делает скриншоты вашего сайта и позволяет в дальнейшем скачать их.

Список доступных браузеров огромен (164 версии браузеров на трех операционных системах), а так же

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

Кроссбраузерность сайта

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

Запрос скриншотов из четырех последних браузеров IE в среднем занимает около 15 минут.

Browserling (бесплатный и платный)

Кроссбраузерность сайта

Browserling позволяет проверить сайт из пяти наиболее часто используемых браузеров (IE, Chrome, Firefox, Safari, Opera). Есть одно «НО», одновременно вы сможете просматривать кроссбраузерность сайта только в одном браузере.

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

IETester (бесплатно) 

Кроссбраузерность сайта

IETester это бесплатный браузер для тестирования ваших сайтов через IE начиная с версии 5.5 и заканчивая последней. IETester полезен тем, что Windows  не позволяет поставить на комп несколько версий своего дурацкого браузера. Был как то случай пришлось сильно потрудиться над одним сайтом, чтобы сверстать под IE 6 и данная софтина очень сильно в этом помогла.

Ищите бесплатные темы wordpress?

Тогда советую посмотреть мою подборку 45 бесплатных тем WordPress 2012 года

Saucelabs (бесплатный и платный) 

Кроссбраузерность сайта

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

Бесплатный аккаунт включает 45 минут в месяц. Премиум версии варьируются от $ 29 до $ 279 и предоставит пользователям неограниченный минуты видео-записи.

Browsera (бесплатный и платный) 

Кроссбраузерность сайта

Browsera подчеркивает различия, при отображении веб-сайта на каждом браузере, также обнаруживает Javascript ошибки, обнаруженные при отображении страницы.

В бесплатном аккаунте дается 25 испытаний в месяц.

TestiPhone (бесплатно)

Кроссбраузерность сайта

Если ваш сайт имеет мобильную версию, то, с помощью TestiPhone вы сможете посмотреть, как выглядит ваш сайт на iPhone и других мобильных устройств.

Заключение

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

Интересно, как вы делаете кросс-браузерную проверку вашего сайта и делаете ли вообще?:)

Поделиться:

Похожие записи

  • Подключился к сообществу блоггеров. За статью – спасибо. Прежде никогда этой возможностью не пользовался. Опробовал. Блог смотрится нормально во всех основных браузерах
    Дискус не глючит? у меня новая версия, некоторые жалуются(((

    • Disqus еще не обновлял. На что именно жалуются,в чем проблемы нового disqusa?

      •  Да вот: http://prt56.ru/optimizaciya/chat-na-vashem-sajte-novye-vozmozhnosti-servisa-redhelper.html
        В некоторых случаях при отправке комментария( если появляется цепь ответов), не видно отправки, только после перезагрузки комментарий появляется. А в остальном – все нормально.

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

          •  Причем здесь “показывается”. При отправке комментароия у некоторых возникаю проблемы. Ты сможешь оставить маленький коммент? не будет глючить?

  • Алексей Оружейник

    Полезный материал, спасибо, буду знать. Я если и проверяю, то тупо установленными на компе браузерами: лисой, хромом и ИЕ. Хотя в Ие часто и не проверяю, там все равно всё плохо. :)

  • Привет. Полезная статья. Как раз недавно пришлось искать сервис для проверки отображения в ИЕ8 – сайт корежило

  • Виталя

    Выскажусь по IE, вот это действительно браузер из ада, сколько я проблем с ним пережил, это просто мягко сказано будет, теперь не могу этот браузер и тестировать под него. Хром вот он мой любимчик :))

  • Миша Гаврилов

    Я проверки вообще не делаю, в Хроме и Лисе работает и ладно. А это основная масса пользователей, я кстати уже давно не стал заморачиваться на кроссбраузерность. Опыт работы у меня 3 года веб-разработчиком

  • Марат

    Броузер Шотс на мой взгляд лучшее решение, так как имеется бесплатный вариант и громадный список поддерживаемых браузеров.