Понятие кроссбраузерности веб-сайта.

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

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

Чтобы сайт одинаково смотрелся и в Internet Explorer, и в FireFox, и в Opera, и в Google Chrome причем самых разных версий (от стареньких до новейших), веб-дизайнер должен позаботиться о кроссбраузерности своего детища с самого начала работы над проектом.

С чего начать? Ну, во-первых, необходимо определиться, с какими именно браузерами должен работать сайт. Для этого нужно изучить статистику посещений сайтов (например, со схожей тематикой), в которой есть возможность посмотреть, какими браузерами пользовались его посетители. Сервис Google Analytics, например, предоставляет такую возможность. Таким образом, определив наиболее популярные с точки зрения количества посещений браузеры, можно приступать к действию.

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

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

Проводить тестирование сайта на кроссбраузерность лучше всего на локальном компьютере, на котором установлены разные браузеры, разные версии браузеров и существует возможность изменять разрешения монитора. Сделать это можно путем создания нескольких виртуальных машин с различными ОС, на которых и будут установлены различные браузеры (Linux, Windows, Mac OS и BSD браузеры).

Проверить сайт на кроссбраузерность можно установив на локальном компьютере веб-сервер (ISS, Apache,...) и обратившись к странице через IP адрес компьютера (https://127.0.0.1). Недостатки этого способа проверки: Вы протестируете сайт только под одной ОС и под браузерами совместимыми с этой ОС, в большинстве случаев Вам не удастся установить более старые версии браузеров параллельно новым версиям, Вы затратите огромное количество времени на установку веб-сервера и браузеров/различных версий браузеров.

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

Cуществующие версии браузеров.

• Стабильная версия. Это словосочетание означает, что определенный браузер может быть многофункциональным. То есть версия программы может использоваться для веб-серфинга.
• Альфа-версия. Это, так называемая, сырая версия. Как правило, она выпускается редко для того чтобы протестировать или подыскать различные недоработки в программах.
• Бета-версия. Это уже проверенная, доработанная и протестированная версия браузера. Она может полностью применятся посетителями сети интернет. Однако в эту версию постоянно вносятся обновления, уточнения и дополнения. Таким образом, данная версия не является стабильной.

https://browsershots.org/ - сервис с помощью которого вы сможете достаточно быстро и наглядно проверить кроссбраузерность своего сайта. Осуществить проверку кроссбраузерности можно:

· в различных системах (доступно Windows, Linux, Mac);

· в различных браузерах, начиная от таких экзотичных как SeaMonkey или Flock и заканчивая наиболее популярными (IE, Firefox, Opera);

· в различных версиях одного и того же браузера (от самых ранних до самых свежих);

· при различных разрешениях экрана;

· при различной глубине цвета экрана;

Всё что вам необходимо для проверки кроссбраузерности – это ввести адрес вашего сайта и отметить необходимые вам опции для проверки. После того, как вы нажмете кнопку «Submit — отправить» начнется процесс проверки. В новом окне отобразится ожидаемое время проверки. В зависимости от величины очереди и количества выбранных опций, оно может занимать от нескольких минут до часов. Поэтому не жадничайте, а отмечайте только самое необходимое, иначе вам долго придется ждать результата.

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