使用Javascript检测Google Chrome来切换CSS

前端之家收集整理的这篇文章主要介绍了使用Javascript检测Google Chrome来切换CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在玩不同的脚本,我发现一个适用于除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" />');
}

解决方法

使用以下内容检测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
原文链接:https://www.f2er.com/js/153469.html

猜你在找的JavaScript相关文章