Jquery 代码在不应该返回 true 时返回

Question

我在 jquery 中有这段代码可以根据浏览器添加不同的 css 样式，因为我无法在完全相同的位置获取内容。 这是在用户使用 chrome 时将链接添加到样式表的代码。

<script type= "text/javascript">
    $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
    if ($.browser.chrome) {
        document.write('<link rel="stylesheet" href="css/chrome.css" 
                                         type="text/css" media="screen">'); 
    }
</script>

但是，当我使用 chrome 时，另一个代码(将链接添加到 safari 样式表的代码)也变为 true 并且也添加了一个链接。所以我在使用 chrome 时有两个样式表。这两个代码完全相同，唯一的区别是“chrome”一词被更改为“safari”。

Answer 1

为了更好、更准确地检测 chrome，请查看以下网址: https://stackoverflow.com/a/11382806/2177992

除此之外，您还可以像这样构造您的代码:

if ( chrome )
{
    //chrome stuff
}
else if ( safari )
{
    //safari stuff
}

这样两者就不会同时激活。