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

Интернет-технологии | Один комментарий

Чтобы просматривать сайты используются специальные программы, которые называются браузерами. Несколько раньше для этого имелось пару программ, но в настоящее время их число значительно увеличилось, плюс некоторые браузеры имеют несколько версий, которые отличаются по функциональности. Это стало причиной появлению такому понятию, как кроссбраузерность. Это понятие, которое описывает идентичную работу веб-сайта и отображение во всех браузерах (наиболее популярные). Идентичность характеризируется отсутствием развалов в верстке и одинаковой степенью читабельности. Иногда часто путают попиксельное соответствие с кроссбраузерностью – это разные понятия.

Как сделать сайт кроссбраузерным?

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

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

Бывает так, что не все браузеры работают одинаково. Хоть и соблюдают они общие стандарты и правила, но алгоритмы обработки HTML- и CSS-кодов могут быть разными. Поэтому один и тот же элемент на странице может иметь разный вид.

И чтобы решить такую проблему существуют несколько способов. Самым распространенным способом является применение «хаков» – набор из специальных правил и селекторов, которые будут понятны для определенного браузера. В том случае, когда необходимо, чтобы сайт корректно отображался в нескольких браузерах, то требуется писать «хак» для каждого. Но если писать «хак» для нескольких десятков таких программ, то это будет нерационально и займет много времени. Также существует еще один способ решения и состоит он в том, чтобы при верстке использовать элементы, которые будут иметь одинаковое отображение во всех нужных браузерах.

Как сделать тест сайта на кроссбраузерность?

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

Для проверки также можно установить на компьютер веб-сервер (Apache, Iss), с помощью которого можно будет, используя IP адрес компьютера, обратиться к странице. Но данный способ имеет свои недостатки: тестирование только под одной ОС, и скорей всего не удастся установить более старые версии браузеров. Ко всему этому потратите много времени на установку сервера и необходимого ПО.

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

Как итог стоит отметить, что в настоящее время не обойтись без кроссбраузерности, а иначе это грозит тем, что можно потерять достаточно большое количество посетителей.

Один комментарий к Кроссбраузерность

  • Александр  говорит:

    Спасибо за информацию… Нужно будет проверить свой сайт на Кроссбраузерность

Оставить ответ

Можно использовать: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

1111