Как проверить сайт на кроссбраузерную совместимость

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

Даже если вы проверили сайт на совместимость с браузерами на этапе проектирования, стоит вернуться назад и повторить процесс по мере появления новых браузеров. Совсем недавно на рынке браузеров появился Google Chrome и хорошей идеей было бы проверить сайт на совместимость с последним воплощением браузера от Google. Особенно при работе сайта электронной коммерции плохое отображение в браузере может оказать прямое влияние на прибыль. Выполните следующие шаги, чтобы обеспечить базовую совместимость с браузерами.

1. Сделайте удобство навигации особенностью дизайна

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

2. Применяйте инструмент проверки кода в конце процесса проектирования

Даже если вы уверены, что придерживаетесь методов программирования W3C, и используете максимально чистый код для дизайна вебсайта, проверяйте каждую страницу с помощью соответствующих инструментов в процессе проектирования. Инструмент поможет найти ошибки, которые остались незамеченными при проверке. Валидацию кода согласно промышленному стандарту легко выполнить на сайте http://validator.w3.org/. Просто введите адрес сайта, и подождите пока будет подготовлен отчет о возможных конфликтах.

3. Воспользуйтесь чужим опытом

Если вам удалость выявить проблему на сайте, но вы не знаете, как ее решить для определенного браузера или платформы, можно обратиться к интернет-сообществу. Одной из целей службы Google Doctype является предоставление библиотеки средств тестирования для проверки на кросс-браузерную и кросс-платформенную совместимость. Здесь можно найти блоки лицензированного и пользовательского кода, предоставленного для решения подобных проблем. Для авторизации необходимо использовать учетную запись, как и для других инструментов Google, здесь вы найдете сообщество, которое давно справилось с данной проблемой. Посетите http://code.google.com/doctype/

4. Тестируйте столько, сколько сможете

Не всегда возможно установить различные версии браузера, работающие на одной машине — например, текущая и более ранняя версия Internet Explorer. Если только у вас нет возможности установить различные версии браузеров на другие компьютеры, проверка на совместимость с другими браузерами будет довольно сложной задачей. К счастью существует целый ряд бесплатных приложений, которые позволят осуществить проверку без необходимости установки десятков браузеров. Например, попробуйте ресурс http://spoon.net/browsers/, который позволяет запускать любой браузер и делает снимок того, как будет выглядеть ваш сайт в каждом из них. На данный момент ресурс поддерживает Internet Explorer, Firefox, Safari, Chrome и Opera. Также сайт http://browsershots.org/ предоставит скриншот вашей страницы в разрешении 800×600 и 1024×768 для множества браузеров на Linux, Windows и Mac.

Поделиться записью:

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *