Что заставит сайт выглядеть и работать нормально в IE, а не в Firefox?

Question

Я понимаю, что этот вопрос является обратным большинству такого рода.Другими словами, в Internet Explorer все «отлично» смотрится, но в Firefox / Chrome / и т. Д. Выглядит неуместно или совсем не работает

У меня есть веб-приложение .NET.Когда оно было впервые разработано / построено в 2003 году по нескольким причинам, которые больше не актуальны, приложение было разработано только для IE.Теперь мы хотим расширить, чтобы включить поддержку большего количества браузеров, однако, для большинства страниц есть «что-то» или другое неправильное.

• Элементы вообще не отображаются
• События Javascript не запускаются
• Элементы отображаются неправильно

У меня есть догадка, что большая часть этого связана с CSS и что это связано с тем, что IE исторически«исправленный» несовместимый HTML с собственным исправлением рендеринга.Мы не в состоянии полностью переписать все, но я ищу некоторые подсказки относительно того, где мы могли бы смотреть как отправная точка.

Я понимаю, что конкретные решения требуют конкретных примеров, но я ищу общую концепцию или класс решений.В основном вопрос заключается в следующем.Исходя из того, что приложение отлично выглядит в IE, но похоже на дерьмо в Firefox.Можете ли вы сделать что-нибудь, что поможет мне сосредоточиться на моих исследованиях, чтобы узнать, где искать решение?

Answer 1

Прежде всего, вам понадобится Firebug , который является чрезвычайно полезным инструментом отладки для Firefox.Благодаря этому вы сможете отлаживать и устанавливать точки останова в своем Javascript.Вы также можете настроить Firebug на устранение ошибок, чтобы вы могли их отследить.

Оттуда я предлагаю проверить ваши HTML и CSS, что поможет вам точно определить неверную разметку, которая, вероятно, не является кросс-браузерной..

• W3C HTML Validator
• CSS Validator

Также имеется удобный инструмент под названием jslint , который помогает отследить «запахи кода» Javascript, которые должны быть переработаны.

Answer 2

В 2003 году веб-разработчики в целом не обладали большими знаниями о совместимых кросс-браузерных, совместимых со стандартами CSS и Javascript.

Учитывая, что он был специфичен для IE, он определенно использовал специфичные для IE и нестандартные вещи, такие как:

• IE специальные функции DOM (attachEvent, НЕ addEventListener)
• Microsoft.XMLHttp для IE вместо window.XMLHttpRequest
• Не соответствующие спецификации IE правила CSS
• стандарт DOM 0 document.forms.blah ссылка
• Неверный HTML

Исходя из того, что приложение выглядит отлично в IE, но, как дерьмо в Firefox. Есть ли что-нибудь, что вы можете сделать вывод, что поможет мне сосредоточить свои исследования, чтобы знать где искать решение?

• Убедитесь, что источник НЕ исходит от Microsoft, потому что обычно разработчики Microsoft не соответствуют стандартам. Есть исключения, но в качестве общего указателя.
• Обычно вы хотите избегать решений от поставщиков браузеров, так как они будут ориентированы на этот конкретный браузер, но разработчики Opera / Webkit (Chrome, Safari) / Firefox обычно более осведомлены в отношении кросс-браузерных решений и соответствия стандартам чем M $.
• Используйте валидаторы W3 для исправления разметки. Используйте любой инструмент разработчика, основанный на вашем браузере (Firebug, Chrome Developer, Dragonfly)
• Используйте сайты, которые архивируют кросс-браузерные ошибки .

Answer 3

Вероятно, он интенсивно использует ActiveX и другие эксклюзивные материалы M $.

Вам следует подумать о разработке веб-сайтов с использованием инструментов, которые не привязывают вас к конкретной платформе / браузеру.