Блог

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

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

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

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

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

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

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

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

Но в дополнение к этому ответу, и я не знаю, возможно ли это в вашей ситуации, но для CSS я обычно начинаю с FF / Chrome и добавляю в compat для 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]-->
  

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

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