如何隐藏除Chrome之外的其他浏览器的页面

Question

如何隐藏其他浏览器的网页并使其仅适用于Chrome？

HTML：

<div class="content">
<p> Hide me on all browsers except for Chrome! <p>
</div> 

我希望内容类仅适用于Chrome，而不适用于Firefox和Safari等其他浏览器

Answer 1

就像是

var chrome   = navigator.userAgent.indexOf('Chrome') > -1;
var explorer = navigator.userAgent.indexOf('MSIE') > -1;
var firefox  = navigator.userAgent.indexOf('Firefox') > -1;
var safari   = navigator.userAgent.indexOf("Safari") > -1;

if(!chrome) {
   // Hide stuff
}

不是100％可靠（像大多数解决方案一样），但简单而且适用于我需要的东西。

Answer 2

var isChromium = window.chrome,
    winNav = window.navigator,
    vendorName = winNav.vendor,
    isOpera = winNav.userAgent.indexOf("OPR") > -1,
    isIEedge = winNav.userAgent.indexOf("Edge") > -1,
    isIOSChrome = winNav.userAgent.match("CriOS");

if (isIOSChrome) {
//    is Google Chrome on IOS
} else if (
  isChromium !== null &&
  typeof isChromium !== "undefined" &&
  vendorName === "Google Inc." &&
  isOpera === false &&
  isIEedge === false
) {
document.getElementById("content").style.display = "block";
    $("body *:not(.info)").hide();

} else { 
document.getElementById("content").style.display = "none";
}

这是适合我的代码