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

Кроссбраузерность – это свойства сайта одинаково хорошо и привлекательно отображаться в разных браузерах.

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

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

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

Лично я сейчас использую браузеры Google Chrome и Mazilla Firefox, но есть пользователи, предпочитающие Opera или Internet Explorer. На сегодняшний день это самые популярные браузеры, также есть еще поклонники Safari, Netscape и некоторых других браузеров. 

Необходимо учитывать, что браузеры развиваются, происходит обновление, наращивается функциональность, появляются новые версии, например Firefox 6, Firefox 7, Firefox 8,… Надо помнить и о том, что для работы на компьютере используют не только OS Windows, но и Mac, Linux, BSD и некоторые другие Unix-подобные операционные системы.

Для получения информации о том какие же браузеры и операционные системы наиболее часто используются при просмотре именно вашего сайта можно воспользоваться любой статистикой, которая вам доступна. Например Liveinternet, подробнее об этом сервисе можно почитать в статье «Аудит сайта, статистика«, или воспользоваться Яндекс.Метрикой или Google Analitics.

Проверка кроссбраузерности

Что же делать начинающим вебмастерам, чтобы добиться хорошего отображения сайта в разных версиях разных браузеров? Как узнать, приемлемо ли отображается сайт в том или ином браузере? Есть несколько сервисов, которые помоuen ответить на эти вопросы, и в этой статье я вам перекомендую один из них.

Это сервис  BRAWSER SHOTS. Для получения доступа  заходим на сайт brawsershots.org, можно зарегистрироваться, если планируете использовать его часто, если периодически, то можно и не регистрироваться.

Затем задаем в строке запроса адрес проверяемого сайта, выбираем операционные системы и браузеры, которые хотим протестировать, запасаемся терпением и инициируем проверку.

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

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

Можно определить браузеры, по которым чаще всего смотрят ваш сайт на сервисе Liveinternet, работа с которым описана в статье «Аудит сайта, статистика».

При проверке сервисом дается лимит времени в 30 минут, который необходимо периодически продлевать, кликая на иконку «Продлить». При этом лимит продлевается снова до 30 минут, и это необходимо сделать несколько раз, пока не завершится проверка. 

проверка кроссбраузерности

На этом скриншоте показан итоговый результат проверки, на котором мы видим,  Что в большинстве браузерах проверяемый сайт отображается корректно, хотя в  браузерах, таких как MSIE 8.0 Windows XP, Opera 11.52 Windows XP, Firefox 11.0 Windows XP и некоторых других есть проблемы. Я считаю, что это допустимо и удовлетворяюсь результатами проверки.

Некоторые вебмастера, чтобы проводить более качественную  и глубокую проверку вынуждены ставить на свой ПК наиболее популярные браузеры, так как сервис Browser Shots не дает полной информации о, скажем, юзабилити или скорости загрузки. В конце концов  только владелец сайта решает, стоит ли добиваться максимальной кроссбраузерности, ведь это увеличивает трудоемкость и затратность создания и поддержки вебресурса.

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

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

43 комментария на “Проверка кроссбраузерности сайта”

  • Геннадий says:
    http://guitarilla.ru

    Мой сайт по разному отображается в разных браузерах. Но дышу спокойно:)

  • Евгений says:
    http://ne-ky.ru/

    Полезная статья. Спасибо автору, а сервис BRAWSER SHOTS в закладки!

  • Svetlana says:
    http://your-figure.com/

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

  • nadezhdapol says:
    http://nadezhdamlm.ru

    Юрий, спасибо, очень полезная информация. Действительно, иногда, один и тот же сайт отображается по — разному в разных браузерах. И это смотрится очень не приятно.

  • Василий says:
    http://khimie.ru

    Информация, конечно, полезная и интересная, но картинку с котом подобрали потрясающую.

    • Юрий says:
      http://inetmkt.ru

      Спасибо за оценку, было соответствующее настроение, решил тиснуть эту картинку, чтобы посетители улыбнулись.

  • Татьяна says:
    http://www.7yaiya.ru

    Интересная информация, спасибо.

  • Алексей says:
    http://mybritishcat.ru/

    Спасибо за полезную и актуальную статью!

  • Леся says:
    http://mojput.ru

    Благодарю за полезную информацию. Сама сталкивалась с этим не раз. Возьму на вооружение

  • Гюлахмед says:
    http://moe-yablochko.ru

    У меня сайт нормально отображается в Гугле, Опере и Мозилле. Эксплорер тоже показывает сносно. Мне хватает этого.
    За статью Вам спасибо.

  • Светочка says:
    http://love-divorce.ru

    Смотрела в Exsplorer (неправильно написала, да фиг с ним) — у меня такой страшненький сайт… 🙁

  • Ольга Шульгина says:
    http://zhilye-moye.ru

    Очень нужная информация! Спасибо большое, Юрий, за Вашу помощь!

  • Татьяна says:
    http://success-csv.ru/

    Статья очень нужная, я как раз искала материал на эту тему. Спасибо.

  • Ольга Шульгина says:
    http://zhilye-moye.ru

    Юрий! Зайдите, пожалуйста, на мой сайт за наградой «Красивый блог»!
    Поздравляю с победой!
    Удачи, развития, процветания!

    • Юрий says:
      http://inetmkt.ru

      Спасибо, Ольга, за высокую оценку.

  • Людмила says:
    http://uchimkomp.ru

    Зайдите ко мне за наградой!Красивый, полезный и удобный блог!

  • Людмила says:
    http://otpuskvsegda.ru

    Юрий, пройдите по ссылке на сайт и получите награду – переходящий кубок признания за самый красивый блог. Успехов вам!

  • Наталья says:
    http://natalicom.ru

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

  • Игорь says:
    http://www.zelen9.ru

    Подписался на вашу рассылку, буду ждать новых статей

    • Юрий says:
      http://inetmkt.ru

      Спасибо, постараюсь оправдать Ваш интерес.

  • Ольга Ефимова says:
    http://3oprint.ru

    Стильный сайт! Вчера смотрела сайт через Opera — вроде нормально. Надо дальше проверить )))

  • Виктория says:
    http://moedomovodstvo.ru

    У Вас замечательный полезный сайт. Поздравляю с наградами.

    • Юрий says:
      http://inetmkt.ru

      Спасибо, будем оправдывать.

  • Галина says:
    http://newaysuspech.ru/

    Спасибо для меня очень полезная информация,все лаконично,доступно.А картинка с котом просто восхитительна!

  • Галина says:
    http://newaysuspech.ru/

    В комментариях увидела две эстафетные палочки с Красивым блогом! Поздравляю,заслуженная награда всегда приятна.

    • Юрий says:
      http://inetmkt.ru

      Спасибо и Вам Удачи.

  • Александр says:
    http://oblasti-zhizni.ru/

    Приглашаю на мой сайт за заслуженной наградой.
    http://oblasti-zhizni.ru/spasibo-za-nagradu/

  • Наталья says:
    http://natalicom.ru

    Юрий, Загляните ко мне на сайт статья «Традиции Школы Старт Ап» вас ждет приятная неожиданность.

    • Юрий says:
      http://inetmkt.ru

      Спасибо, постараюсь оправдать.

  • Яна says:
    http://tolschinomer.com.ua/faq

    Спасибо большое за сервис. Сама пользуюсь только Оперой и Мазилой, а остальные браузеры даже не знаю какие они на вид. Буду тестировать свои сайты, возможно не все так хорошо как мне казалось.

  • Карина says:
    http://tolschinomer.com.ua/faq

    Спасибо за сервис. Сама пользуюсь только Оперой и Мазилой, а остальные браузеры даже не знаю какие они на вид. Буду тестировать свои сайты, возможно не все так хорошо как мне казалось.

  • Алена says:
    http://autogarage.com.ua/tormoznye-kolodki-remsa/tormoznye-kolodki-remsa

    Спасибо за сервисы. Буду разбираться, а то я в аудите пока полный ноль.

  • Владислав Челпаченко says:
    http://www.chelpachenko.ru

    Впервые узнал что такое кроссбраузерность.
    Спасибо за советы, возьму на вооружение!

  • Виталий says:
    http://vseobiznese.ru

    browsershots хороший сервис, мне понравился. Спасибо автору за подсказку, буду пользоваться

  • Михаил Дьяков says:
    http://djakovstroy.ru

    Спасибо за сервисы, очень полезный сайт.

  • Алена Трач says:
    http://www.alenushka75.ru

    Спасибо за совет, возьму на заметку

  • Евгений says:
    http://vkontakte.ru/evgeny1962

    Совершенно не знал об этом, буду применять!

  • goryunova says:
    http://glavnoe-nachat.ru

    Хочу поделиться с вами своей радостью,мой сайт начал приносить первые денежки в мой кошелёк. Пусть ваш сайт тоже работает на вас и в новом году все ваши труды оправдаются с лихвой.УДАЧИ ВАМ И ВАШЕМУ САЙТУ !!!

    • Юрий says:
      http://inetmkt.ru

      Поздравляю Вас с первыми заработками, так держать.

  • Вера says:
    http://mipolygloti.ru

    Интересная информация. Термин «Кроссбраузерность» услышала в первые к своему стыду. Благодарна за информацию.

  • Лариса says:
    http://flowerekt.ru

    Спасибо! А кот симпатяга.

  • Артем says:
    http://artemsergeychuk.com/

    Интересная статья. Я например на это никогда не обращал внимание.Теперь буду знать

Оставить комментарий