Стратегия начать поддерживать другие браузеры

Question

У нас есть веб-приложение, которое поддерживает только IE6 и выше. Это старое приложение, и большинство пользователей используют IE. На момент разработки никто не обращал внимания на кросс-браузерную поддержку. Если вы открываете сайт в Firefox, пользовательский интерфейс перекошен. Мы планируем начать поддержку Firefox сейчас.
Какова стратегия, которой мы должны следовать, чтобы выполнить задачу? Что нужно помнить, чтобы в будущем мы могли без особых усилий поддерживать любой другой браузер?

Answer 1

Посмотрите на

• Проблемы с несколькими браузерами
• Обнаружение браузера и кросс-браузер Поддержка

Answer 2

Начните с таблицы стилей сброса css по умолчанию, в которой явно перечислены стили IE6. Таким образом, страница в IE6 будет выглядеть так же, как и сейчас, и даст вам базовый уровень для работы в Firefox. Оттуда вы можете либо переделать стили по умолчанию, чтобы потом работать в обоих, либо добавить условные стили только для FF (менее желательно). Вот ссылка на стили по умолчанию для различных браузеров (включая IE6).

http://css -class.com / тест / CSS / по умолчанию / UA-стиль-листов defaults.htm

Answer 3

• Если возможно, отключите поддержку IE 6. Это небезопасно (плохо для ваших пользователей) и нестандартно (плохо для вашего здравомыслия). Если вы не можете отказаться от него, сделайте его вторичной платформой с предупреждением типа «для достижения наилучших результатов используйте браузеры X, Y или Z».

• Придерживайтесь стандарта W3C и обязательно избегайте использования каких-либо специфичных для IE расширений. Если возможно, используйте инструменты проверки соответствия W3C, чтобы найти / исправить нестандартный HTML и т. Д.

• Там, где это возможно, встраивайте специфичные для браузера настройки, которые вам нужны, чтобы все выглядело правильно в определенных CSS-файлах браузера.

• Используйте фреймворк, такой как jquery, чтобы избежать кросс-браузерных проблем с вашим JavaScript.

• Испытание, испытание, испытание.