Question

如何检测Google Chrome浏览器？例如，我可以使用此标记检测Internet Explorer：

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

我有一个想法：

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

但也许有人有更好的解决方案？

更新：我的页面仅在Chrome浏览器中显示错误，因此我需要加载（仅限Chrome）带有更新的特殊css文件

Answer 1

如上面的评论中所述，您应该检测功能兼容性，而不是浏览器。也就是说，在极少数情况下，您需要在CSS中定位WebKit浏览器。例如，我有一个小的字体大小/渲染问题，只出现在Chrome / Safari中，我用这样的东西修复它：

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Chrome- and Safari-specific CSS here*/
}

另一个警告：如果某些内容在Chrome / Safari中呈现错误但在Firefox中没有呈现，那么您很可能会遇到其他一些潜在问题，例如：无效的标记。在使用上面的（略微hackish）方法之前，请务必验证您的HTML并检查其他问题。

Answer 2

var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (is_chrome) {
    document.write("Yaii it is Chrome only")
}