檢測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"