javascript - 使用Javascript检测谷歌浏览器切换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

使用以下方法检测 chrome:

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

来源:http://davidwalsh.name/detecting-google-chrome-javascript

更新(2015-07-20):

上述解决方案并不总是有效。可以在 this answer 中找到更可靠的解决方案(见下文)。话虽这么说，我会avoid browser detection and go with feature detection instead :

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 的建议，他在下面的评论中发布了它，也可以在这个 question 上查看。 .

var isChrome = !!window.chrome