除了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";
}

这是对我有用的代码