-1

ブラウザを検出してdivを表示するための条件付きWebページがあります。

私は5つのIDを持つ5つのdivを持っています。

お気に入り：

<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 からこの Web ページを開くと、Firefox の iframe が表示されます。そして今回のbodyクラスは「gecko win」

  • Chrome からこの Web ページを開くと、Firefox の iframe が表示されます。今回のbodyクラスは「webkit chrome」

  • Safari からこの Web ページを開くと、Firefox の iframe が表示されます。今回のbodyクラスは「safari」

  • IE からこの Web ページを開くと、Firefox の iframe が表示されます。今回は body クラスが空白です。

今、私はJavaScriptコードが必要です...

  • ボディクラスが「gecko win」の場合、今回は、chrome、opera、safari .. full content などの他の div が自動的に削除されます。

  • 今回はボディクラス「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 に答える