2010年08月06日

iPad:WindowsでもiPadエミュレータ

ブラウザベースとなっております。
iPadでのずれは再現されません。

iPadで表示されている感じを味わえます。

ipadpeek

iPad:ユーザーエージェント判別 javascriptでCSS切り替え

最近、iPadに対応する機会が増えてきました。
そこで、必要になるのがクロスブラウザ対応。。。
iPadはだいたい問題無く表示してくれるのですが、今回は対応がひつようになり、CSSを切り替えるようにしました。
PNG画像をPOSITIONで重ねて表示してたのですが、chromeとiPadがずれました。

iPadのユーザーエージェントは下記

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

のようになっております。

javascriptでの切り替え
<script type="text/javascript">
if (navigator.userAgent.indexOf('iPad') != -1) {
document.write('<link rel="stylesheet" type="text/css" href=iphone.css">');
}else {
document.write('<link rel="stylesheet" type="text/css" href="main.css">');
}
</script>