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

By | 03.12.2012

Здравствуйте! Сегодня поговорим о немаловажном понятии кроссобраузерность сайта – Что это такое и с чем его едят?

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

Вот здесь и встаёт вопрос о кроссбраузерности. Если ваш сайт превосходно работает под Mozilla Firefox — это не даёт гарантий, что он корректно будет отображаться в Internet Explorer. Тот же вопрос возникает и при использовании разных версий браузера: например Opera-8 и Opera-11.

Приведу простой пример: на этом блоге, внизу, располагается счетчик посещаемости, для которого установлен фильтр – полупрозрачность.

Но Firefox, до версии 3.5, поддерживает свойство

А Internet Explorer для изменения прозрачности использует

Вот и приходится для кроссбраузерности прописывать 3 свойства вместо 1-го.

Из всех существующих интернет браузеров можно выделить 4-ку лидеров, под которые необходимо подстраивать совместимость работы:

  • Mozilla Firefox – по статистики 2011 года его используют 30%посетителей, для него создано огромное количество незаменимых плагинов.
  • Opera – около 33%. Надежность, быстрота, стабильность, удобство – в этом браузере есть все. Когда-то Opera была платной.
  • Google Chrome – Быстрый? Нет. Очень быстрый браузер. Для тех, кто ценит время, примерно 18% пользователей отдали предпочтение ему.
  • Internet Explorer – что здесь можно сказать? Он открывает дверь в интернет счастливым обладателям первого компьютера по статистике их не более 16%.

Но даже если рассматривать только эти браузеры, версий их достаточно много – я насчитал 65. Как узнать, корректно ли в них отображается сайт? Для этого не обязательно скачивать все известные версии интернет браузеров и устанавливать их на свой компьютер. Есть сайт который сделает всю работу за вас абсолютно бесплатно! Browsershots.org — здесь достаточно указать адрес вашего сайта и проставить галочки напротив необходимых версий браузеров и нажать на кнопку «Submit». Робот посетит ваш сайт, используя указанные вами типы и версии браузеров, а вам предоставит фото-отчет, как выглядел ваш сайт. Получившиеся скриншоты можно сразу просмотреть или скачать. Кроме того в самом низу можно задать дополнительные параметры. Например: Screen Size – позволяет установить разрешение экрана. Color Depth – качество цветопередачи (8, 16, 24 или 32 бита). Включить или нет javascript, Flash.

Так что с помощью данного сервиса можно с легкостью проверить отсутствие развалов верстки в различных интернет браузерах.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.