使用Javascript检测Google Chrome切换CSS

Question

我一直在使用不同的脚本，发现除了Chrome以外，其他所有脚本都适用…这是我一直在.CSS文件中使用的不同代码。我尝试只是将浏览器名称设置为“
Chrome”，但这没有用。

if (browser == 'Firefox') {
    document.write('<link rel="stylesheet" href="../component/fireFoxdefault.css" />');
}
if (browser == 'Safari') {
    document.write('<'+'link rel="stylesheet" href="../component/default.css" />');
}

Answer 1

使用以下方法检测铬：

var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;








var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

您可以像这样包含专门用于chrome的css文件：

if (isChrome) {
    document.write('<'+'link rel="stylesheet" href="../component/chromeDefault.css" />');
}

更新（2014-07-29）：

@gillesc对于检测Chrome有一个更为优雅的建议，他在下面的评论中发布了该建议，也可以在此问题上进行查看。

var isChrome = !!window.chrome