Androidの場合のみbodyにclassを追加するJavaScript

ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。

<body>
<script>
if(/Android/.test(window.navigator.userAgent)){
	document.getElementsByTagName("body")[0].setAttribute("class","android");
}
</script>

上記のようなJavaScriptをbodyの後に書いておくとAndroidの場合のみbody要素に「android」というclassが設定されます。

ライブラリ化するのも大げさなので、ちょっとした修正の際にコピペして利用してください。

関連エントリー

スマートフォンサイトをデザインする上で知っておくべき10のTIPS
続：Androidブラウザでviewportのwidth指定
Android2.2 とtransformのバグ
スマートフォンとposition:fixedのバグ
AndroidとjQueryのスライドアニメーションの不具合

スポンサードリンク

«CSS Nite ベスト・セッション2011 でベスト10セッションに選ばれました | メイン | ［書評］標準HTML5タグリファレンス»