以HTML格式检测Chrome浏览器

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并检查其他问题.