检测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浏览器错误，所以我需要负载（仅镀铬）与更新

Answer 1

如上评论提到特殊的CSS文件，你应该检测功能兼容性，不是浏览器。也就是说，在您需要在CSS中定位WebKit浏览器的情况很少见。例如，我有一个小的字体大小/渲染问题只出现在Chrome/Safari浏览器，和我喜欢的东西这个固定：

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

另一个警告：如果事情呈现不正确地在Chrome/Safari浏览器，但不Firefox，你很可能会遇到其他一些潜在的问题，例如无效的标记。在使用上面的（稍微黑客）方法之前，一定要验证您的HTML并检查其他问题。

Answer 2

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

来源："Simple way to detect chrome browser using javascript"