Здравствуйте! Сегодня поговорим о немаловажном понятии кроссобраузерность сайта – Что это такое и с чем его едят?
Кроссбраузерность — это свойство сайта корректно отображаться и работать во всех популярных браузерах. У каждого интернет пользователя свои вкусы и предпочтения и начинаются они с выбора интернет браузера, а задача веб-мастера сделать сайт комфортным, максимально соответствующий предпочтениям посетителя.
Вот здесь и встаёт вопрос о кроссбраузерности. Если ваш сайт превосходно работает под Mozilla Firefox — это не даёт гарантий, что он корректно будет отображаться в Internet Explorer. Тот же вопрос возникает и при использовании разных версий браузера: например Opera-8 и Opera-11.
Приведу простой пример: на этом блоге, внизу, располагается счетчик посещаемости, для которого установлен фильтр – полупрозрачность.
<code>opacity:0.5; </code>
Но Firefox, до версии 3.5, поддерживает свойство
<code>-moz-opacity:0.5;</code>
А Internet Explorer для изменения прозрачности использует
<code>filter:alpha(opacity=50);</code>
Вот и приходится для кроссбраузерности прописывать 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.
Так что с помощью данного сервиса можно с легкостью проверить отсутствие развалов верстки в различных интернет браузерах.