Лучший подход для обработки JS для браузер-зависимой системы

Question

Я занимаюсь разработкой системы, в которой пользователь может создавать свои веб-сайты - используя готовые шаблоны или создавая шаблоны с нуля.Я собираюсь завершить систему, и она совместима с Firefox.Для этой системы я использовал плагины jQuery для перетаскивания, TinyMCE, объект диапазона и объект DOM таблицы стилей.На данный момент он работает правильно с Firefox, но мне нужно, чтобы он работал гладко на IE8, IE7, Safari и Chrome.Я немного запутался в том, как обрабатывать весь раздел JS для всех браузеров.

Я думаю о двух вариантах:

1. Использовать один файл JS для всехбраузеры.Но это значительно увеличит размер файла.
2. Проверьте браузер и используйте специфичный для браузера файл JS.В этом случае размер файла JS будет умеренным, но для синхронизации будущих изменений потребуются изменения во всех файлах.

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

Answer 1

• Избегать обнаружения в браузере
• Использовать функцию Обнаружение объекта AKA
• Использовать абстрактные функции и повторно использовать их вместо повторного тестирования всего сценария
  • Начните это с библиотеки, такой как YUI или jQuery

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

Answer 2

Используйте jQuery или другую библиотеку для написания кода, независимого от браузера. Вам не нужно никакого JS для конкретного браузера - только CSS для конкретного браузера, в зависимости от того, что вы делаете. А поскольку обычно требуется только IE, вы можете легко встроить второй файл CSS только для определенных версий IE, используя условные комментарии.