さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】ユーザーエージェントで表示内容を変える

Pocket
LINEで送る

JQueryのユーザーエージェントを使って、PCでアクセス時とスマホでアクセス時とで表示内容(コード)を変える方法。

javascript

if ((navigator.userAgent.indexOf('iPhone') > 0 ) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) {
	document.write(
		'iPhone、iPod、Androidスマホでアクセスしたときに表示したい内容'
	);
}else {
	document.write(
		'PC、iPad、タブレットでアクセスしたときに表示したい内容'
	);
}

カテゴリー:HP制作, JQuery

コメントを残す

コメント内容