Javascript通过浏览器检测隐藏html表单
Javascript通过浏览器检测隐藏html表单
提问于 2017-09-06 03:55:38
我的问题是如何根据浏览器用户使用的内容隐藏一些html元素。对于浏览器检测部分，我已经完成了。这些isChrome内容返回"true“或"false”，以便在后面的if条件中使用。我缺少哪些代码来将js / the部分连接到css以隐藏登录field.Or，还有其他更好的方法吗?谢谢。
// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';
// Chrome 1+
var isChrome = !!window.chrome && !!window.chrome.webstore;
// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;
// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;
var output = 'Detecting browsers:<hr>';
output += 'isFirefox: ' + isFirefox + '<br>';
output += 'isChrome: ' + isChrome + '<br>';
output += 'isEdge: ' + isEdge + '<br><br>';
document.getElementById("browser").innerHTML = output;
//if ( isChrome==true){
// $(".LoginField").css("visibility","hidden");
//}.visible {
visibility: visible;
}
.not-visible {
visibility: hidden;
}
.LoginField{
visibility: visible;
}<p class="visible">The first paragraph is visible.</p>
<p class="not-visible">The second paragraph is NOT visible.</p>
<div id="browser"></div>
<div class="LoginField">login fields</div>
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-06 03:58:22
只要您记得在页面中包含jQuery，代码就会像预期的那样工作。尽管如此，您可以简单地检查if (isChrome) --您不需要检查它是否等于true。您也不需要CSS声明.LoginField在默认情况下是可见的。
下面是一个有用的示例，在每个浏览器上都可以看到登录凭据，但Chrome除外：
// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';
// Chrome 1+
var isChrome = !!window.chrome && !!window.chrome.webstore;
// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;
// Internet Explorer 6-11
var isIE = /*@cc_on!@*/ false || !!document.documentMode;
var output = 'Detecting browsers:<hr>';
output += 'isFirefox: ' + isFirefox + '<br>';
output += 'isChrome: ' + isChrome + '<br>';
output += 'isEdge: ' + isEdge + '<br><br>';
document.getElementById("browser").innerHTML = output;
if (isChrome) {
$(".LoginField").css("visibility", "hidden");
}.visible {
visibility: visible;
}
.not-visible {
visibility: hidden;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="visible">The first paragraph is visible.</p>
<p class="not-visible">The second paragraph is NOT visible.</p>
<div id="browser"></div>
<div class="LoginField">login fields</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46066551
复制相关文章
相似问题
腾讯云开发者
