jQuery – PCとモバイルの表示を変える(ユーザーエージェントを判別してbodyタグにクラス付加)




スポンサーリンク




以前、PCではスプライトアニメーションを表示し、モバイルでは静止画にしたい時がありました。
下記コードはユーザーエージェントを判別して iPhone か Android なら bodyタグに mobile-viewクラスを追加します。

(function($){
//モバイル時のbodyタグにclass付加
	var agent = navigator.userAgent;
	if( agent.search(/iPhone/) != -1 || agent.search(/Android/) != -1){
		$('body').addClass('mobile-view');
	}
})(jQuery);

あとは mobile-viewクラスの見え方をcssで調整すれば良いわけです。

以上、ご参考になれば幸いです。

jQuery
スポンサーリンク
スポンサーリンク
J.をフォローする
スポンサーリンク
SEBLO

コメント

タイトルとURLをコピーしました