Главная / Главное / Энциклопедия / Веб сайты / Отображение сайта в разных браузерах и различных операционных системах

Отображение сайта в разных браузерах и различных операционных системах

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

Так почему же сайт выглядит различно в разных браузерах?

Существует несколько причин:

1. Использование нестандартных возможностей HTML.

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

2. Значения атрибутов по умолчанию.

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

3. "Особенности" некоторых браузеров.


Дaже если рaзрaботчик сaйтов использует толькo стaндартные возможнoсти HTML, устaновил свои aтрибуты по умолчанию для всех элементов, однако сaйт все рaвно может выглядеть по-рaзному в различных брaузерах.  Брaузеры, как и любое прогрaммное обеспечение, могут содержaть ошибки. Эти ошибки, кaк прaвило, возможно быстро исправить, однaко всегда существует вероятность того, что у пользователя устaновлена не самaя новая версия брaузерa.
Тaк же возможно, что кампании-производители брaузеров (особенно это Microsoft) считaют, что они лучше знaют, как должен отображаться тот или иной элемент. Однако, они предлагают решить проблему некоректного отображения с помощью дополнительных действий в браузере, однако обычному среднестатистическому посетителю сайта  это, согласитесь, не совсем удобно. Из-за огромного количества браузров и их версий, разработчики сайтов не могут гарантировать корректное отображение сайтов во всем этом многообразии.
В частноси, в нашем договоре прописан пункт 3.5.:
«Работа сайта и системы управления сайтом гарантируется в браузерах Internet Explorer версии 8.0 и выше, Mozilla FireFox 11.0 и выше, Opera 10.60 и выше, Google Chrome 14.0 и выше, с включенной поддержкой JavaScript». О поддерживаемых браузерах и устройствах можете ознакомиться здесь.

 

1 В операционной среде Wimdows в браузере Internet Explorer 6:2. В операционной среде  Linux в баузере GoogleChrome  18.0 
Скрин 1 скрин 2

Для удобства, чтобы не устанавливать все  браузеры и не менять разрешение экрана, чтобы просмотреть, как будет выглядеть сайт, есть специальные онлайн сервисы для тестирования отображения. Вам необходимо указать ссылку на сайт, отображение которой хотите проверить. Один из таких сервисов ScreenFly от QuirkTools.
Просто введите адрес  сайта и нажмите на  кнопку  «Go», на экране отобразится Ваш сайт. Выбирая разрешение экрана в нижней панели, сервис будет растягивать центральный контейнер с нужной страницей прямо в браузере.