javascript - 是否可以为每个浏览器使用不同的 javascript 代码？

Question

我在这里找到了过去帖子中的代码，如下所示:

<!--[if IE]>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript" src="js/all.js"></script>
<!--<![endif]-->

有没有办法让它像有一个单独的 .js 文件用于 safari 而另一个用于 mozilla？感谢您的帮助

Answer 1

是的。您可以通过编程方式检查用户使用的浏览器，然后将脚本标记添加到头部。

例如，

 if (navigator.userAgent.indexOf("Firefox") != -1) {
   var head = document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = 'firefoxScript.js';
   head.appendChild(script);
}

然而，这通常是一个坏主意。你不应该根据浏览器改变你的行为，因为如果浏览器改变它会让你的代码很难维护。最好使用特征检测。 Modernizr是一个很好的框架。

或者，只需使用已经为您修复大部分浏览器兼容性问题的框架，例如 jQuery .