Chrome tarayıcısını HTML'de algıla

Question

Google Chrome tarayıcısını nasıl algılayabilirim? Örneğin, bu etiketle Internet Explorer algılayabilir:

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

Ben bir fikir:

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

Ama belki biri daha iyi bir çözüm vardır?

Güncelleme: Sayfam sadece Chrome tarayıcıyla yanlış gösteriyor, bu yüzden sen özelliği uyumluluğu tespit edilmelidir, (sadece krom) güncellemeleri

yukarıdaki yorum belirtildiği gibi

Answer 1

ile özel css dosyasını yükünü ihtiyaç tarayıcı değil. Bununla birlikte, CSS'nizdeki WebKit tarayıcılarını hedeflemeniz gerektiğinde nadir durumlar vardır. Örneğin, yalnızca Chrome/Safari'de çıktı küçük yazı tipi boyutu/render sorunu vardı ve ben böyle bir şeyle sabit:

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

başka uyarı: bir şey Krom/Safari ancak içinde yanlış görüntüleniyor, ancak Firefox, altta yatan başka bir sorunun olması için iyi bir şans var, örneğin geçersiz işaretleme. HTML'nizi doğruladığınızdan ve yukarıdaki (biraz hackish) yöntemini kullanmadan önce diğer sorunları kontrol ettiğinizden emin olun. Gönderen

Answer 2

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

: - niye * tarayıcı * algılamaya çalışıyoruz "Simple way to detect chrome browser using javascript"