Здравствуйте уважаемые читатели DmitriyZhilin.ru. Сегодня поговорим о том, что такое кроссбраузерность сайта. Любой действительно качественный интернет-ресурс обязательно должен отвечать целому ряду требований, кроссбраузерность является одним из таких.
Кроссбраузерность — это свойство, позволяющее сайту корректно и одинаково отображаться во всех интернет браузерах. Дело в том, что красивый и аккуратный внешний вид интернет-ресурса в одном веб-обозревателе, вовсе не означает, что данный сайт точно также будет выглядеть и во всех остальных программах.
Новички об этом часто даже не задумываются! Они видят, что у них на мониторе в своем каком-то одном браузере сайт работает и отображается корректно, и не проверяют работу интернет-ресурса на других веб-обозревателях.
Понимаете к чему это может привести? Если ваш сайт будет криво выглядеть хотя бы в одном из популярных интернет браузеров, вы просто будете терять всех потенциальных посетителей, которые будут заходить к вам с этого браузера. Никто не захочет находиться на интернет-ресурсе, у которого заголовки будут выезжать на сайдбар, текст статей будет выходить за пределы листа страницы, кнопки будут непонятной формы, шрифт странный и так далее.
Кроме того, пользователи с такого браузера будут портить поведенческие факторы сайта за счет увеличения показателя отказов, что приведет к снижению позиций в поиске и потере трафика.
Откуда берутся проблемы с кроссбраузерностью
Почему вообще так происходит, что интернет браузеры по-разному могут отображать один тот же сайт?
Я уже не раз говорил в своих прошлых статьях, что любая страница сайта в сети, по сути, является программным кодом. А интернет-браузер что-то вроде посредника. Мы ему говорим — иди по вот по этому адресу и покажи вот эту страницу. Браузер идет на хостинг, берет код запрашиваемой страницы и отображает его нам в наглядном виде.
И именно на этапе преобразования кода в читабельную страницу и происходят различные промахи. Самые распространенные недочеты в кроссбраузерности сайтов появляются в случаях:
1. Отсутствие свойств объектов
Свойства и атрибуты объектов не заданны разработчиком сайта. Чтобы все понимали, говорить буду на простом языке. Любой объект на странице (шрифт, кнопки, поля для ввода) имеет свои html свойства и html атрибуты — отступы, выравнивание, выделение, цвет и тому подобное.
Если эти свойства и атрибуты у объектов не заданы, то браузер будет отображать их в соответствии со своими параметрами по умолчанию для каждой группы объектов. Другими словами, если веб-обозреватель не увидит настройки объекта, заложенной в страницу разработчиком сайта, он будет использовать настройки, которые заложены в сам браузер.
Так вот именно эти свойства и атрибуты объектов по умолчанию у каждого интернет браузера разные. Вот и получается, что для отображения одного и того же объекта браузеры используют свои индивидуальные параметры, которые естественно отличаются друг от друга.
2. Использование нестандартных объектов
Здесь все просто — если на страницах вашего сайта будут применяться какие-то особые шрифты, подсветки, контуры, браузер просто может не понять что это такое, и как это нужно отображать. Такое часто происходит с устаревшими версиями браузеров в которые не заложены последние стандарты HTML и CSS.
3. Наличие самых обычных ошибок
Все мы люди и все ошибаемся. Поэтому, наличие ошибок также может стать причиной кривого отображения вашего сайта. При этом, совсем не обязательно, что ошибки будут присутствовать в коде самого сайта, ошибки в браузерах тоже вполне вероятны.
Как проверить кроссбраузерность сайта
Есть два способа проверки корректной работы вашего интернет-ресурса в различных браузерах — ручной и автоматический, с помощью различных онлайн сервисов.
Лично я всегда предпочитаю именно ручной способ. Почему? Дело в том, что большинство сервисов проверяют кроссбраузерность следующим способом: они заходят на ваш сайт под видом различных браузеров и делают скриншоты главной страницы. После проверки вы можете получить эти скриншоты и просмотреть их.
При этом, количество браузеров на этих онлайн сервисах, через которые пройдет проверку ваш интернет-ресурс, может достигать 50 штук. Я, честно говоря, веб-обозревателей даже столько не знаю.
Мое мнение, лучше проверять кроссбраузерность сайта на самых популярных браузерах, но более тщательно. Проверка только лишь главной страницы как-то меня не успокаивает и 100% уверенности не дает.
Я всегда проверяю свой блог с помощью Яндекс Браузера, Google Chrome, Mozilla Firefox, Opera и Safari. Вот пять самых популярных обозревателя, которыми пользуются почти все жители рунета. Проверять на кроссбраузерность сайта через еще какие-то программы, я пока не вижу никакого смысла.
Да, конечно, проверка вручную может потребовать от вас немного больше времени, но повторю, это дает больше уверенности. Я думаю, можно найти 15 минут в месяц, чтобы побегать по страницам своего родного сайта и проверить кроссбраузерность.
Зашел через один интернет-браузер, пробежался по 5 — 6 страницам. Если все в порядке, идем в следующий обозреватель.
Только при проверке не забывайте отключать плагины ускоряющие работу вашего сайта с помощью кэширования (Hyper Cache), в противном случае будете видеть старые копии своих страниц.
Почему нужно периодически проверять кроссбраузерность
Дело в том, что ничего в мире не стоит на месте. Интернет браузеры постоянно дорабатываются и обновляются. Поэтому не исключено, что при обновлении какого-либо браузера, у него изменятся свойства и атрибуты объектов.
Тоже самое можно сказать и о самих языках программирования. Изменения в них, конечно, большая редкость, но все же они случаются. Одни свойства объектов могут переименовать или попросту заменить другими более новыми .
И если при отображении объектов вашего сайта применялись атрибуты, которые теперь не работают в одном из браузеров — надо править.
Как исправить ошибки с кроссбраузерностью
Как поправить внешний вид сайта в случае проблем отображения в каких-либо браузерах? Здесь ребята два варианта. Первый, тот которым пользуюсь я, идти на биржу фриланса, находить профессионала и заказывать эту работу у него.
Я вам здесь так скажу, несмотря на то, что я обладаю кое-какими знаниями программного кода, ковыряться и тратить время на исправление не буду. Я уверен, что вполне смогу какие-нибудь недочеты кроссбраузерности исправить самостоятельно, но у меня на это может уйти целая куча времени. Метод «научного тыка» может занять полдня и даже больше.
Я лучше заплачу знающему свое дело специалисту с Kwork. Он мне за 15 — 20 минут все поправит, и я не страдая, не мучаясь, потрачу сэкономленное время на написание новой статьи на блог.
Небольшие корректировки сайта сегодня стоят совсем немного, и сэкономленное время однозначно того стоит.
Вообще, тем, кто собирается серьезно заниматься своим сайтом и его продвижением, я рекомендую найти себе постоянных фрилансеров. В любом случае, проблемные ситуации, в которых вы не сможете разобраться самостоятельно, неизбежны. И когда вам потребуется экстренная помощь профессионалов, наработанные связи будут, как нельзя кстати.
Второй вариант. Если же вы знаток программного кода, то тогда вам в помощь ваши же знания и его величество интернет. Находите объект, который проблемно отображается. Анализируете ситуацию, и начинаете думать, что именно может привести к неудачному отображению вашего сайта. Ну и дальше, начинаете воплощать свои мысли в жизнь и пробовать вносить изменения в программный код. Можно спрашивать совета у Яндекса — часто помогает.
Ну вот и все, что я хотел вам рассказать о кроссбраузерности. Успехов.