Question

我有一个用于检测浏览器和显示div的条件网页。

我有5个div，5个id。

像：

<div id="firefox">
     iframe here
</div>

<div id="chrome">
      iframe here
</div>

<div id="ie">
     iframe here
</div>

<div id="opera">
     iframe here
</div>

<div id="safari">
     iframe here
</div>

当我从firefox打开这个网页时，它会显示你的firefox iframe。而这次的身体类是“壁虎赢”
当我从chrome打开这个网页时，它会显示你的firefox iframe。而这次的身体类是“webkit chrome”
当我从safari打开这个网页时，它会显示你的firefox iframe。而这次的身体类是“safari”
当我从IE打开这个网页时，它会显示你的firefox iframe。这次身体类是空白的。

现在我需要一个javascript代码......

当身体类是“gecko win”时，它会自动删除其他div，例如：chrome，opera，safari ..全部内容。
当它使用body class“chrome”的时候，它删除了firefox，即opera等。只保留铬。

它可能???

如果可能，代码是什么？

我的完整代码是：http://pastie.org/private/6who43sltqkttc0taoqjug

我没有设置display none code。它已经有效了。但我希望代码基于html / body class。

当body / html类是chrome时，只显示chrome div并从页面中删除所有其他div。
当body / html类是firefox时，只显示firefox div并从页面中删除所有其他div。
当body / html类为空时，只显示IE div并从页面中删除所有其他div。

我不想设置display:none或visibility:hidden代码。我想要remove() javascript代码。

Answer 1

var browser=*your_method_to_find_browser (serverside or client side)*;
switch (browser)
{
     case 'firefox':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'chrome':
         $("#firefox").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'ie':
         $("#chrome").css('display','none');
         $("#firefox").css('display','none');
         $("#opera").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'opera':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#firefox").css('display','none');
         $("#safari").css('display','none');
         break;
     case 'safari':
         $("#chrome").css('display','none');
         $("#ie").css('display','none');
         $("#opera").css('display','none');
         $("#firefox").css('display','none');
         break;
}

Answer 2

BrowserDetect.init();

我们假设我们有一个div。

<div id="userInfo"></div>

为版本/平台写出条件语句。这将是一个很长的列表，因为很遗憾，您需要对此代码进行反向工程，以便按照您的意愿工作。

var a = BrowserDetect.browser,
b = BrowserDetect.version,
c = BrowserDetect.OS;
if(a == "Firefox" && b >= "14" && c == "Windows"){
    //firefox greater then or equal to 14, on windows
    $("#userInfo").text(a +' '+ b + ' - ' + c);
}else if(a == "Explorer" && b == "9" && c == "Windows"){
    //ie9 on windows
    $("#userInfo").text(a +' - '+ b + ' - ' + c);   
}else if(a == "Chrome" && b > "19" && c == "Mac"){
    //chrome greater than 19 on a mac
    $("#userInfo").text(a +' - '+ b + ' - ' + c); 
}
//more conditionals here

在您的情况下删除版本和平台..

隐藏iFrame或Div

2 个答案: