Javascript 为依赖浏览器的系统处理JS的最佳方法

我正在开发一个系统，用户可以使用现成的模板或从头开始设计模板来设计他们的网站。我即将完成该系统，它与Firefox兼容。对于这个系统，我使用了jQuery拖放插件、TinyMCE、range对象和样式表DOM对象。到目前为止，它可以在Firefox上正常工作，但我需要让它在IE8、IE7、Safari和Chrome上顺利工作。我对如何为所有浏览器处理整个JS部分感到有点困惑

我在考虑两个选择-

对所有浏览器使用单个JS文件。但是，这将大大增加文件量

检查浏览器并使用特定于浏览器的JS文件。在这种情况下，JS文件的大小将是中等的，但同步未来的更改将需要更改所有文件

---

请建议哪种方法更能使系统保持一致和稳定。

使用jQuery或其他库编写独立于浏览器的代码。 您不需要任何特定于浏览器的JS，只需要特定于浏览器的CSS，具体取决于您的操作。由于通常只有IE需要，您可以使用条件注释轻松地为某些IE版本嵌入第二个CSS文件。

• 避免浏览器检测
• 使用
• 使用抽象函数并重用它们，而不是在整个脚本中重新测试
  • 使用像YUI或jQuery这样的库启动此操作

那么，您不应该有太多特定于任何浏览器的代码来证明提供不同的脚本是合理的