По всем вопросам пишите на webmaster@info-pages.com.ua. Вы можете свободно использовать/размещать/перепечатывать статьи сайта всего лишь указав ссылку на источник.
Кроссбраузерность сайта
Понятие кроссбраузерности сайта
Размещено: 22 мая 2009
Понятие
кроссбраузерность означает одинаковое восприятие и показ идентичного отображения страниц сайта не только в разных браузерах, но и в различных версиях этих браузеров. Кроссбраузерность является обязательным условием для всех сайтов.
Если Вы не уделите этому вопросу должного внимания, то постоянно будете терять своих посетителей. Первое мнение о сайте всегда складывается при просмотре внешнего вида сайта. Несовпадение стыков, некорректное отображение элементов дизайна вызывают негативную реакцию посетителей и они стараются покинуть Ваш сайт. В дальнейшем они просто будут игнорировать его.
В этой статье я расскажу Вам как обеспечить максимальную кроссбраузерность сайта. Начнем с того, что определимся с браузерами, под которые следует отлаживать сайт. Для этого следует определить какие браузеры самые популярные и используются большинством пользователей. В разных странах пользуются различными браузерами в той или иной степени. На сегодняшний день основными браузерами, которыми пользуются 95% on-line это:
- Opera,
- Firefox Mozilla,
- Internet Explorer
Нельзя сказать, что каждый из них трактует html код или CSS по-своему. Все они стараются придерживаться спецификаций, но иногда разработчики что-то упускают и браузер отказывается отображать свойство элемента или отображает его некорректно.
Но вернемся к браузерам и остановимся еще на такой вещи как относительность использования браузера. Сказать, что браузер популярный и делать под него сайты, тоже не совсем правильно. Популярность вещь относительная, а нам нужна точность: насколько в процентном соотношении эти браузеры популярны для сайта? Необходимо искать статистику и не просто любую статистику, а под конкретный сайт, точнее анализ браузеров посетителей сайта. Для этого Вы можете воспользоваться статистикой Вашего сайта, предварительно установив на страницах сайта коды счетчиков. Например, Google Analytics для этого сайта показывает следующую статистику использования браузеров:
Браузер
Период с 20.04.2009 - 20.05.2009
Количество посещений
Посещения, %
Версии браузера, %
2 757
40,82 %
9.64 - 33,73 %
9.63 - 17,63 %
10.00 - 8,31 %
2 564
37,96 %
3.0.10 - 53,16 %
3.0.9 - 14,16 %
3.0.8 - 12,68 %
1 095
16,21 %
7.0 - 56,26 %
6.0 - 28,58 %
8.0 - 15,07 %
Как видно в таблице, для этого сайта самым популярным браузером является Opera. Хотя эти данные отличаются от статистики студии Лебедева:
Поискав статистические данные популярности браузеров на различных ресурсах, Вы обнаружите разную статистику. Каждый сайт имеет свою целевую аудиторию, в том числе с определенными навыками работы с браузерами и Интернете.
То, что на этом сайте около 40% всех посетителей используют Oper'у можно объяснить спецификой тематики сайта. И так как, Oper'a визуально менее перегружена дополнительными возможностями + более остальных браузером правильно отображает свойства элементов, т.и. менее глючная большинство веб разработчиков используют именно ее при веб разработке.
Из этого следует, что выбор браузеров для тестирования сайта должен исходить из статистики использования браузеров посетителями. Поэтому не стоит делать выводы из внешних источников, а сосредоточиться на статистике своего сайта.
Что ж с браузерами все понятно, теперь углубимся к версиям браузеров. Встречается, что разные версии одного браузера по-разному показывают страницу. Особенно это относиться к Internet Explorer'у. Хотя разработчики в каждой новой версии браузера учитывают все функции старой версии. Это означает, что если страница нормально отображается, например в Oper'e 9.63, то она нормально должна отображаться и во всех последующих версиях.
У браузеров существует такие понятия как "стабильная версия", бета-версия и альфа-версия. Стабильная версия - означает полнофункциональную версию браузера, которая прошла тестирование бета-версий и альфа-версий и может безопасно и полноценно использоваться для веб серфинга. Альфа-версия - сырая версия браузера, которая выпускается исключительно для тестирования и поиска недоработок. Бета-версия - доработанная и протестированная версия браузера, которая может уже полноценно использоваться, однако в нее еще продолжаются вноситься дополнения и она еще не является окончательной стабильной версией.
Из вышесказанного следует, что Вам необходимо тестировать свои сайты на стабильных версиях браузеров. Таким образом, Вы сможете избежать багов, которые могут позже появиться, если тестировать на нестабильных версиях.
Как тестировать страницы сайта в различных версиях браузеров локально, читайте в статье "Тестируем кроссбраузерность".
![:]](picture/smiles/6.gif)
