スマートフォン(iPhone,Android,iPad)をjQueryで簡単に判別する方法

下記のように書くと、各スマートフォン別にCSSを適用することが出来ます。
(「display:block;」とか「display:none;」とか)

userAgentの名前を指定すれば良いので、CSSハックより見た目で分かりやすいです。

<script type="text/javascript">
$(document).ready(function(){
 var agent = navigator.userAgent;
 if(agent.search(/iPhone/) != -1){
 $('#hogehoge').css({display : 'none'});
 }else if(agent.search(/iPad/) != -1){
 $('#hogehoge').css({display : 'block'});
 }else if(agent.search(/Android/) != -1){
 $('#hogehoge').css({display : 'none'});
 }
});
</script>
>お仕事中の気分転換にこちらもどうぞ。

8月 19, 2011 | No Comments

おばけノートについて

Comments *click to open.

Leave a Reply