Стандарты HTML и отклоняющиеся браузеры

Question

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

Я хотел бы узнать о методах, используемых разработчиками для обеспечения того, чтобы их код в первый раз работал хорошо во множестве веб-браузеров со всеми аспектами, такими как: xhtml, html5, javascript, css и т. Д.

В качестве дополнительного замечания, что разработчики делают с прогрессом IE - с большинством мира, все еще использующим IE7, и IE9, включая только новые стандарты CSS и HTML, как вы думаете, сколько времени (если вообще) потребуется для достижения стандартной практики?

Мне очень интересен ваш ответ, так как я смущаюсь мысли о совместимости кросс-браузерных проблем.

Answer 1

Мой совет: используйте приличный сброс CSS или фреймворк.Хорошие CSS-фреймворки: 960, Blueprint, YAML и YUI сетки.

Для вашего javascript вы должны использовать такие библиотеки, как: JQuery, mootools или Dojo.У вас по-прежнему будет несколько несовместимостей с браузерами, но использование любого из этих инструментов должно исправить около 90% из них.

Удачи!(ps: я использую Mootools и Blueprint)

Answer 2

Если вы действительно хотите повеселиться с толпой IE6, попробуйте следующее: http://ie6update.com/

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

Понимайте и свою аудиторию.Я не могу сказать вам, сколько дизайнеров делают темные над темными и маленькими шрифтами для пожилых людей.Аналогично для использования экзотического JavaScript или хуже Flash, где это не подходит.Запрашивайте отзывы других ... на самом деле, даже если мы «получим» эту игру, мы действительно только действительно понимаем наши собственные предпочтения.

Практикуйте прогрессивное улучшение.Например, пользовательский интерфейс Jquery будет закруглять углы, но будет постепенно уменьшаться до квадрата для толпы IE (позади).Попробуйте использовать HTML 4.01 строго по сравнению с XHTML, потому что по синтаксису он ближе к будущему, HTML5.(XHTML больше не продвигается в любом случае)

Наконец, протестируйте все, что вы делаете в нескольких браузерах или в таком инструменте, как браузерные лаборатории Adobe.Отключить Javascript и CSS ... Является ли результат приемлемым?Запустить без флеш ... ваш сайт работает?Как это выглядит в мобильном браузере?

Иногда это не забавная игра, но она делает нас профессионалами.Удачи!

Answer 3

1. Изучите стандарты.
2. Напишите код в соответствии со стандартами.
3. Протестируйте код в популярных браузерах и посмотрите, где он ломается.

«Стандарты» - это HTML, CSS, JavaScript и DOM.jQuery делает многое для сглаживания несоответствий JavaScript и DOM между браузерами и, на мой взгляд, является немного более приятным интерфейсом для DOM.

«Популярные браузеры» на момент написания статьи - это IE 6–8,Firefox 3 и последние версии Safari, Chrome и Opera.В Safari и Chrome практически нет различий, поскольку они используют один и тот же движок рендеринга, а Safari, Chrome, Opera и Firefox имеют очень мало различий, поскольку они все о стандартах.

Я сжимаю мыслькросс-браузерных проблем.

Они действительно не так уж и плохи.(Когда вы игнорируете IE. И его проблемы, по крайней мере, разумно Googleable, когда вы сталкиваетесь с ними.)

Answer 4

Я разрабатываю для всех основных браузеров (IE 6+, Firefox 3+, текущий Safari, Chrome, Opera 9.5+).Мой основной совет, как сохранить код в чистоте и избежать экстремальных хакерских сессий, заключается в следующем: тестируйте свою страницу одновременно во всех браузерах.Гораздо проще исправить несколько небольших проблем, чем исправить всю страницу за один проход.Проблемы со стилем действительно легко исправить при работе таким образом.JavaScript немного сложнее, но все же намного проще при такой работе.JQuery часто помогает с такими проблемами.Я включаю новые стандарты здесь и там, но я удостоверяюсь, что изящная деградация имеет место.Совместимые со стандартами браузеры получают полный опыт.Пожилые люди получают меньше удовольствия от глаз, продолжая показывать рабочую страницу.

Answer 5

Я думаю, важно, чтобы вы начали с хороших настроек по умолчанию и следовали рекомендациям, работать с отклоняющимися браузерами не составляет особого труда. Я работал над http://html5boilerplate.com, поэтому у нас есть список ссылок (вместе с самим образцом), которые значительно облегчают работу веб-разработчика.