2010-12-16 6 views
1

私は、あなたがIEのように条件文を使ってWebページ上のiPhoneユーザーに特に何かを表示しようとしています。iPhoneを検出するための条件文

<!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"--> 
Hello 
<!--#endif --> 

これは、iPhone以外のユーザーからは隠れているようではありません。誰にも何か提案がありますか?

+0

推奨読書:http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.htmlまたそのiPhone、iPodは、注意してくださいiPadはMobile Safariユーザーのすべての可能性があります。条件付きCSSを使ってこれをしたくない理由はありますか? –

+0

全く理由がありません – Peachy

+0

私はなぜそれが考えられなかったのか分かりませんが、うまくいきました。 – Peachy

答えて

0

OK、私はコーディグレーのアドバイスを経由して、これを解決することになりました。

CSS:

<!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"--> 
<style type="text/css"> 
<!-- 
.iPhone {visibility:visible;} 
--> 
</style> 
<!--#else --> 
<style type="text/css"> 
<!-- 
.iPhone {visibility:hidden} 
--> 
</style> 
<!--#endif --> 

HTML

<div class="iPhone"> 
Hi 
</div> 

*編集

私はネットでこれをやってしまったとプレースホルダ:

フロントエンド:

<asp:PlaceHolder ID="myPlaceHolder" runat="server"> 
hi 
</asp:PlaceHolder> 

の背後にあるコード:

String userAgent; 
     userAgent = Request.UserAgent; 
     if (userAgent.IndexOf("iphone") > -1) 
     { 
      myPlaceHolder.Visible = true; 
     } 
     else 
     { 
      myPlaceHolder.Visible = false; 

     } 
    } 
3

JavaScriptまたはサーバー側の処理を使用します。

の.js:

if (navigator.userAgent.indexOf('iPhone') > -1) 
    document.getElementById('iphoneMessage').style.visibility = 'visible';