Question

检查浏览器是否为chrome，如果不是chrome，则隐藏div。但div显示来自所有浏览器，但浏览器检查工作正常。这是代码：

var isChrome = window.chrome;
var showHide = document.getElementById("show");
if(isChrome) {
   alert("Okay");
   showHide.style.display='block';
} else { 
   alert("Not from Google Chrome Browser");
   showHide.style.display='none';
}

并且div看起来像：

<div id="show">Hello!</div>

Div总是从所有浏览器显示。但它正在检查浏览器。但div并没有隐藏。

这是我正在编写的实验和教育剧本，我还不是专业人士。：）

非常感谢。

Answer 1

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

或

var chrome = window.chrome;

Answer 2

实际上window.chrome返回一个对象，通常你将它转换为Boolean来检入是否

isChrome = Boolean(window.chrome)

（在这种情况下，你的isChrome变量要么包含一个对象，要么是未定义的/ null，甚至可以用于浏览器检测。）

另外，关于你的div，你有没有试过设置任何其他属性来检查div是否已经加载，当这个javascript运行时。

您可以alert(showHide.id)进行检查。

如果是这种情况。尝试将代码移至onLoad或end of body tag

JavaScript浏览器检查并隐藏div内容

2 个答案: