Работает во всех браузерах

Пятница, 5 сентября 2008 г.

Для интернет-пользователей,
Google Chrome
— это быстрый,
увлекательный новый браузер. Для веб-мастеров это хорошее напоминание о том, что независимо от браузера, который используют ваши посетители для доступа к вашему сайту (Firefox, Internet Explorer, Google Chrome, Safari и т. д.), совместимость с браузерами часто имеет высший приоритет. Когда ваш сайт отображается некорректно или неудобен в использовании во многих браузерах, вы рискуете потерять интерес посетителей, а если вы управляете монетизируемым сайтом, то, возможно, и их бизнес. Вот краткий список, который поможет убедиться, что вы учли основы:

Обеспечьте совместимость с браузерами, сосредоточившись на доступности

Те же методы, которые делают ваш сайт более доступным для поисковых систем (например, статический HTML вместо навороченных функций вроде AJAX), часто способствуют совместимости вашего сайта с различными браузерами и их многочисленными версиями. Более простой HTML зачастую легче сделать кроссбраузерным, чем последние технологические новинки.

Подумайте о валидации вашего кода

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

Убедитесь, что сайт удобен в использовании (а не только правильно отображается)

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

Шаг 4: Устранение шероховатостей

Этот шаг требует некоторого метода проб и ошибок, но есть несколько отличных ресурсов, которые помогут сократить количество «проб» при обеспечении кроссбраузерности вашего сайта.
Doctype
— это справочник с открытым исходным кодом, содержащий тестовые примеры для кроссбраузерности, а также советы и рекомендации по CSS.

Например, допустим, вы хотите узнать, как найти смещение (offset) для элемента на вашей странице. Вы замечаете, что ваш код работает в Internet Explorer, но не в Firefox и Safari. Оказывается, некоторые браузеры бывают весьма капризны, когда дело доходит до поиска смещения — к счастью,
авторы
Doctype
предлагают код

для обхода этой проблемы.

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

на эту тему, в которой обсуждаются такие вопросы, как указание кодировки символов. Если у вас есть дополнительные советы, пожалуйста, поделитесь ими. И если у вас есть вопросы по поводу совместимости браузеров с поиском, задавайте их! Автор:Мейл Охе