那检测Firefox4呢？

Question

我知道有条件注释：

 <!--[if IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie9-only.css" />
        <![endif]-->

来检测Internet Explorer9，但是Firefox4呢？如何加载仅适用于Firefox 4的样式？

Answer 1

如果您必须检测FF4的浏览器和版本，最好的答案是使用jQuery's browser() method。

然而，我同意@Gareth McCaughan的评论:如果你发现自己不得不做浏览器检测(除了IE6/7和可能的IE8之外的任何事情)，那么你很可能做错了什么。您在问题中将其用于IE9这一事实表明您可能已经弄错了。

所有现代浏览器，包括IE9和FF4都有出色的标准支持，编写良好的页面应该在所有浏览器中呈现几乎相同的效果。

如果您在IE9或Firefox4中确实有一些与其他现代浏览器不同的呈现方式，请具体说明它是什么，因为可能有比浏览器检测更好的解决方案来解决它。

据我所知，在FF4中只有一件事需要你这么做，那就是text-overflow:ellipsis，除了火狐之外，所有现代浏览器都支持它。在这里查看我之前关于这个主题的问题：text-overflow:ellipsis in Firefox 4? (and FF5)

Answer 2

你不能以同样的方式“检测”firefox。有条件的评论是IE唯一的“功能”。需要在后台通过用户代理字符串进行检测。或者使用javascript。

Answer 3

在FireFox中没有条件注释可以做到这一点，如果你真的需要，你最好的选择是使用jQuery (或类似的)来加载相关的样式表。

$(document).ready(function() {
    if ($.browser.mozilla && $.browser.version == '2.0') {
        $('head').append($("<link>").attr({type: 'text/css', rel: 'stylesheet', href: 'css/firefox4-only.css'}));
    }
});

我个人不建议使用浏览器检测，如果需要，您应该使用web标准和功能检测:)