Каковы наилучшие практики для обеспечения совместимости CSS и JS веб-страницы с кросс-браузерной совместимостью? - PullRequest
2 голосов
/ 16 июля 2009

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

Ответы [ 9 ]

5 голосов
/ 16 июля 2009

Для CSS:

  1. Используйте сброс (например, Мейер или YUI ), чтобы "выровнять игровое поле" перед применением вашего стиля
  2. Разработайте стиль для самого странного браузера, который вы должны поддерживать (например, IE6), сделайте так, чтобы он выглядел правильно, затем измените то, что вам нужно, для более современных браузеров. Поверьте мне, это намного проще, чем делать все наоборот!

Для Javascript, я бы использовал фреймворк, такой как jQuery или YUI , так как они имеют большое значение в абстрагировании от большинства специфических особенностей браузера, с которыми вы можете столкнуться .

Удачи!

1 голос
/ 16 июля 2009

Правильный тип документа на странице, чтобы она отображалась в стандартном режиме.

Сначала тестируйте в совместимом со стандартами браузере, таком как Firefox. Если вы сначала протестируете в Internet Explorer, вы, скорее всего, напишите код, который использует некоторые ошибки рендеринга в IE , чтобы он выглядел так, как вы хотите, и тогда вам будет трудно заставить его работать любой другой браузер.

Скорее всего, вам придется настроить макет, чтобы избежать некоторых ошибок рендеринга в IE. Разные версии имеют разные ошибки рендеринга, поэтому вам нужно протестировать несколько. Добавьте метатег X-UA-Compatible, чтобы IE 8 не отображался в режиме совместимости.

Используйте html-элементы, как первоначально предполагалось. Ссылки для навигации, теги заголовков для заголовков и т. Д. Таким образом, код, скорее всего, будет работать так, как задумано, и поисковые системы будут лучше выполнять индексацию страниц.

1 голос
/ 16 июля 2009

Тестируйте, тестируйте, тестируйте и учитесь на опыте.

Используйте виртуальные машины для тестирования в разных версиях IE. Загрузите их здесь: http://www.microsoft.com/DOWNLOADS/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

Старайтесь избегать хаков - css или js для целевых браузеров, если в этом нет особой необходимости.

Как говорили другие, jQuery может сильно помочь в Javascript, чтобы сгладить досадные различия браузера.

1 голос
/ 16 июля 2009

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

0 голосов
/ 16 июля 2009

Хорошее начало - использовать хорошую библиотеку, чтобы сделать ваш браузер более безопасным. Также использование CSS-фреймворка, такого как 960.gs или blueprint, является хорошим выбором для css. В основном вам нужно сделать полный сброс CSS.

0 голосов
/ 16 июля 2009

ИМХО придерживайтесь хорошей библиотеки JavaScript, такой как jQuery , которая обещает стать кроссбраузерной

0 голосов
/ 16 июля 2009

Определенно JQuery, или Mootools, или прототип ... или какая-то другая библиотека JS.

0 голосов
/ 16 июля 2009

Нет универсального способа гарантировать, что все всегда работает. Для CSS сбросить таблицу стилей имеет большое значение для стандартизации внешнего вида между браузерами; для JS используйте такую ​​библиотеку, как jQuery , которая в разумной степени решает проблемы совместимости браузера.

0 голосов
/ 16 июля 2009

Для javascript вы не ошибетесь с jQuery.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...