-1

我有一个用于检测浏览器并显示 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。而这次的body class是“gecko win”

  • 当我从 chrome 打开这个网页时，它会显示你的 firefox iframe。而这次 body 类是“webkit chrome”

  • 当我从 safari 打开这个网页时，它会显示你的 firefox iframe。而这次的body class是“safari”

  • 当我从 IE 打开这个网页时，它会显示你的 firefox iframe。而这次 body 类是空白的。

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

  • 当 body 类是“gecko win”时，它会自动删除其他 div，例如：chrome、opera、safari .. full content。

  • 当它使用主体类“chrome”时，它删除了firefox，即opera等。只保留铬。

这是可能的？？？

如果可能的话代码是什么？

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

我没有设置显示无代码。它已经起作用了。但我想要基于 html/body 类的代码。

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

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

4

2 回答 2

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;
}
于 2013-10-05T07:50:57.487 回答
0 
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

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

于 2013-10-05T07:47:47.903 回答