Как обеспечить совместимость существующих файлов javascript / css в Google Chrome?

Question

У нас есть одно существующее веб-приложение, которое было запущено в браузере IE.Но по ряду причин теперь нам нужно установить плагин Google Chrome Frame в IE, чтобы он работал так же, как в Google Chrome.

Так что теперь самая большая проблема заключается в том, что нам нужно найти несовместимые javascript и cssкоды и заставить его вести себя одинаково в Google Chrome.

Есть ли какие-либо инструменты или более простые способы сделать это?

Answer 1

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

Инструменты разработчика Chrome (Control + Shift + J) очень хорошо указывают на различные ошибки и проблемы.

• Проверьте ошибки, отображаемые в консоли JavaScript, чтобы увидеть ошибки JavaScript, неправильные типы MIME, отсутствующие файлы и т. Д.
• Используйте вкладку элементов и наведите курсор мыши на DOM, чтобы увидеть элементы, выделенные на вашей странице. Это поможет вам понять, почему определенный CSS заставляет вещи размещаться в неожиданных местах. Здесь вы также можете изменить CSS и сразу увидеть свой результат.
• Вкладка «Сеть» может помочь вам увидеть запросы AJAX

Доступны и другие инструменты, но они будут наиболее полезны для вас.

Answer 2

Я не приду на вечеринку с консольными решениями для Dev, Брэд рассказал об этом -

Но в дополнение к этому ответу, и я не знаю, возможно ли это в вашей ситуации, но для CSSЯ обычно начинаю с FF / Chrome и добавляю компат для IE - так что вам будет проще всего обернуть новые правила CSS и ссылки в IE условные комментарии и получить поддержку после ваших текущих правил изагрузка ссылок для Chrome, например;

<link rel="stylesheet" type="text/css" media="all" href="all-browser-styles.css" />
<!--[if !IE]> -->
<link rel="stylesheet" type="text/css" media="all" href="non-ie-fixes.css" />
<!-- <![endif]-->

Answer 3

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

Насколько я знаю, большинство ошибок должно быть вызвано самим javascript, так как он читается одинаково в разных браузерах. Большинство ошибок происходят из определений CSS, например, существует множество специфических для IE стилей, которые вы можете использовать и которые несовместимы с другими браузерами (вам нужно найти их эквивалентные стили для других браузеров, таких как Chrome). Эта несовместимость, вероятно, стала причиной ваших ошибок в JavaScript.