Detectar el navegador Chrome en HTML

Question

¿Cómo puedo detectar el navegador Google Chrome? Por ejemplo, puedo detectar Internet Explorer con esta etiqueta:

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

tengo una idea:

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

Pero tal vez alguien tiene una solución mejor?

Actualización: Mi página muestra está mal sólo con el navegador Chrome, así que necesito de carga (sólo con el cromo) archivo especial css con actualizaciones

Answer 1

Como se ha mencionado en los comentarios anteriores, debería estar detectando la compatibilidad función, no navegadores Dicho esto, hay raras ocasiones en las que debe dirigirse a navegadores WebKit en su CSS. Por ejemplo, tuve un problema de tamaño de fuente menor/renderizado que sólo apareció en Chrome/Safari, y lo arreglé con algo como esto:

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

Otra advertencia: Si algo hace de forma incorrecta en Chrome/Safari pero no en Firefox, hay muchas posibilidades de que tengas algún otro problema subyacente, por ejemplo marcado no válido. Asegúrese de validar su HTML y verifique otros problemas antes de usar el método anterior (ligeramente pirateado).

Answer 2

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

Desde: "Simple way to detect chrome browser using javascript"