Обнаружить браузер Chrome в HTML

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

Как упоминалось в комментариях выше, вы должны обнаруживать совместимость функций , а не браузеры. Тем не менее, есть редкие случаи, когда вам нужно нацелить браузеры WebKit в вашем CSS. Например, у меня была небольшая проблема с размером шрифта / рендерингом, которая появилась только в 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")
}

From: "Простой способ обнаружить браузер Chrome с помощью JavaScript"