html - 在 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 浏览器中显示错误，所以我需要加载(仅在 chrome 中)带有更新的特殊 css 文件

Answer 1

如上面的评论所述，您应该检测功能兼容性，而不是浏览器。也就是说，很少有需要在 CSS 中针对 WebKit 浏览器的情况。例如，我有一个只出现在 Chrome/Safari 中的小字体大小/渲染问题，我用这样的方法修复了它:

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

另一个警告:如果某些内容在 Chrome/Safari 中呈现不正确，但在 Firefox 中却没有，那么您很可能遇到其他一些潜在问题，例如无效标记。在使用上面的(有点hackish)方法之前，请务必验证您的 HTML 并检查是否存在其他问题。