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

Здравствуйте уважаемые читатели. Сегодня поговорим о том, что такое кроссбраузерность сайта. Любой действительно качественный интернет-ресурс обязательно должен отвечать целому ряду требований. Кроссбраузерность сайта как раз и является одним из таких обязательных и важных требований. При нынешнем уровне конкуренции, переоценить значимость этого показателя просто невозможно. Либо сайт обладает кроссбраузерностью, либо он теряет часть потенциальных посетителей.

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

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

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

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

Чтобы доказать вам, что веб-обозреватели могут по-разному отображать сайты, приведу пример своего блога stroika-saitov.ru. В подвале у меня есть небольшой счетчик посещаемости (подвал сайта). Так вот в браузерах Яндекс и Chome данный счетчик у меня отображается слева, а в стандартном веб-обозревателе Internet Explorer он отображается посередине:

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

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

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

Во-вторых, пользователей, работающих на браузере Internet Explorer, очень уж мало. И тех, кто заметит эту разницу попросту не окажется.

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

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

Так, с вопросом что такое кроссбраузерность сайта разобрались. Едем дальше. Почему вообще так происходит, что интернет браузеры по-разному могут отображать один тот же сайт?

Я уже не раз говорил в своих прошлых статьях, что любая страница сайта в сети, по сути, является программным кодом. А интернет-браузер что-то вроде посредника. Мы ему говорим — иди по вот по этому адресу и покажи вот эту страницу. Браузер идет на хостинг, берет код запрашиваемой страницы и отображает его нам в виде аккуратной страницы (что такое интернет браузер).

И именно на этапе преобразования кода в читабельную страницу и происходят различные промахи. Самые распространенные недочеты в кроссбраузерности сайтов появляются в случаях:

1. Свойства и атрибуты объектов не заданны разработчиком сайта. Чтобы все понимали, говорить буду на простом языке. Любой объект на странице (шрифт, кнопки, поля для ввода) имеет свои html свойства и html атрибуты — отступы, выравнивание, выделение, цвет и тому подобное (что такое html).

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

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

2. Использование нестандартных объектов. Здесь все просто — если на страницах вашего сайта будут применяться какие-то особые шрифты, подсветки, контуры, браузер просто может не понять что это такое, и как это нужно отображать.

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

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

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

Лично я всегда предпочитаю именно ручной способ. Почему? Дело в том, что большинство сервисов проверяют кроссбраузерность следующим способом: они заходят на ваш сайт под видом различных браузеров и делают скриншоты главной страницы. После проверки вы можете получить эти скриншоты и просмотреть их (как быстро сделать скриншот экрана).

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

Мое мнение, лучше проверять кроссбраузерность сайта на самых популярных браузерах, но более тщательно. Проверка только лишь главной страницы как-то меня не успокаивает и 100% уверенности не дает.

Я всегда проверяю свой блог с помощью Яндекс браузера, Google Chrome, Mozilla Firefox, Opera и Safari. Вот пять самых популярных обозревателя, которыми пользуются почти все жители рунета. Проверять на кроссбраузерность сайта через еще какие-то программы, я пока не вижу никакого смысла (как настроить браузер).

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

Зашел через один интернет-браузер, пробежался по 5 — 6 страницам. Если все в порядке, идем в следующий обозреватель.

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

Почему нужно периодически проверять кроссбраузерность

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

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

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

Как поправить внешний вид сайта в случае проблем отображения в каких-либо браузерах? Здесь ребята два варианта. Первый, тот которым пользуюсь я, идти на биржу фриланса, находить профессионала и заказывать эту работу у него (что такое биржа фриланса).

Я вам здесь так скажу, несмотря на то, что я обладаю кое-какими знаниями программного кода, ковыряться и тратить время на исправление не буду. Вот я больше чем уверен, что вполне смогу какие-нибудь недочеты кроссбраузерности исправить самостоятельно. Но у меня на это может уйти целая куча времени. Метод «научного тыка» может занять полдня и даже больше.

Я лучше заплачу 100 — 200 рублей человеку, знающему свое дело. Он мне за 15 — 20 минут все поправит, и я не страдая, не мучаясь, потрачу сэкономленное время на написание новой статьи на блог.

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

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

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

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

Ну вот и все, что я хотел вам рассказать в своей статье — что такое кроссбраузерность сайта. Желаю всем, чтобы ваши сайты и блоги стабильно хорошо функционировали!

С уважением, ShowFLinks(); // Отступ от блока echo "

"; // Вывод ссылок echo $client_lnk->ShowLinks(); ?> автор блога stroika-saitov.ru Андрей Наседкин.

Также полезные статьи для вас:

Что такое блогосфера

Как воспитать силу воли: личный опыт

Как уменьшить размер картинки

Что такое виджет на сайте

Поисковый трафик сайта

Аддурилка Яндекса — мощный инструмент

Что такое WordPress и как это работает

Плагин Wp-Syntax: вывод кода в статье

«

»

10 комментариев

  1. Ekaterina говорит:

    в 14:11

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

    Ответить
  2. Петр Кожевников говорит:

    в 17:26

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

    Ответить
    • Андрей Наседкин говорит:

      в 18:13

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

      Ответить
      • Петр Кожевников говорит:

        в 00:27

        Вы счастливчик, я сталкиваюсь с этим частенько. У меня с первого месяца появления Мозилы стоял их браузер. Через время ютуб сказал, обновляться до 3-й версии, иначе смотреть ролики не станешь. Я обновился. Потом это происходило с 5-й и дальнейшими версиями браузера.

        Ответить
      • Петр Кожевников говорит:

        в 00:30

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

        Ответить
  3. Петр Кожевников говорит:

    в 17:33

    Кроссбраузернось надо проверять, лучше вручную. У вас, Андрей, все 5 браузеров, Яндекс браузер, Google Chrome, Mozilla Firefox, Opera и Safari на компе установлены?

    Ответить
    • Андрей Наседкин говорит:

      в 14:01

      да именно эти 5.

      Ответить
  4. Петр Кожевников говорит:

    в 00:01

    Не пробовали проверять сайты подменой юзер-агента? Слышал о таком оригинальном способе.

    Ответить
    • Андрей Наседкин говорит:

      в 18:11

      Нет не пробовал, что там интересного?)

      Ответить
    • Петр Кожевников говорит:

      в 00:23

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

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: