处理浏览器相关系统的JS的最佳方法

Question

我正在开发一个系统，用户可以在其中设计自己的网站 - 使用现成的模板或从头开始设计模板。我即将完成系统，它与Firefox兼容。对于这个系统，我使用了jQuery拖放插件，TinyMCE，范围对象和样式表DOM对象。截至目前，它适用于Firefox，但我需要在IE8，IE7，Safari和Chrome上顺利运行。我在这里有点担心如何处理所有浏览器的整个JS部分。

我正在考虑两种选择 -

1. 对所有浏览器使用单个JS文件。但是，这会大大增加文件。
2. 检查浏览器并使用浏览器特定的JS文件。在这种情况下，JS文件大小适中，但同步未来的更改将需要更改所有文件。

请建议哪种方法可以更好地使系统保持一致和稳定。

Answer 1

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

然后你不应该有足够多的代码来支持任何浏览器来证明提供不同的脚本。

Answer 2

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