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で調整すれば良いわけです。

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