Нужна помощь в решении проблем с JavaScript-приложением в разных браузерах

Question

Мне нужна помощь с JavaScript. Большую часть своей жизни я создавал скомпилированное программное обеспечение (C, C ++, VB и т. Д.), Но в последние 2 месяца начал разработку онлайн-приложения с PHP и платформой ajax phpLiveX. Целое время разработки Я использовал Google Chrome для тестирования этого приложения, и все работает отлично, после завершения и перед публикацией последний шаг - проверить, как все работает в других браузерах.

Результаты (в процентах):

• Chorme: 100%
• Опера: 100%
• Safari: 100%
• FireFox 3, 4: 90%
• IE 7, 8: 30%

Я обнаружил, что это обычная проблема, но, как я уже сказал, поскольку у меня нет большого опыта работы с JavaScript, я не знаю точно, с чего начать? В основном функции, выполняющие сбой, являются очень обычными функциями для отображения результатов (ajax) или простыми работами с пользовательским интерфейсом (по нажатию кнопки отключения включения или по щелчку запуска ajax и т. Д.)

Итак, что является лучшей "процедурой", начинающей отлаживать каждую функцию, которая не работает в каждом браузере по очереди, или есть какие-то общие места и вещи, которые мне нужно сначала проверить, или что-то еще?

Пожалуйста, дайте мне ваши советы. Спасибо!

Answer 1

Лучше использовать среду JS, такую ​​как jQuery, mootools, которая позволяет разработчикам писать один код для нескольких браузеров, а внутри она решает проблему совместимости браузера.Используя эти фреймворки, вы обнаружите, что ваше приложение совместимо даже с IE6, что стало большой проблемой для разработчиков
Я бы не рекомендовал вам использовать нативный JS для разработки,


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

На самом деле сначала вам нужно протестировать IE 6, если это работает, тогда вы можете прямо предположить, что все будет работать нормально:)

Answer 2

я использую fire fox и fire bug , чтобы убедиться, что мой js не выдает никаких ошибок.

IE 9 теперь также включает инструменты разработчика. Он может проверять обратную сопоставимость и имеет некоторую отладку для js (нажмите f12, я думаю.)

Chrome также имеет свою собственную встроенную версию, которая качается .. Вы можете найти это, щелкнув правой кнопкой мыши страницу и выбрав inspect element, а затем выбрав вкладку scripts

Надеюсь, это даст вам хорошее место для начала отладки вашего кода.