JS

【コピペOK】JS – javascript – ユーザーエージェント振り分けとリダイレクト

プログラムが苦手。
時間を作ってJavascript勉強中ですw

ユーザーエージェントを判別して、スマホやPCを判別して自動で切り替えします。
最新は、レスポンシブが主流かと思いますが、デザインによってはレスポンシブしにくい場合もあると思いますし、強制的にページを切り替えたい時など良いと思います。

あまり使わなくなったのですが、備忘録として記載します。

ユーザーエージェントで自動リダイレクト

以下のソースを単純にコピペしてください。

内に記載すれば、自動で指定アドレスにリダイレクトしてくれます。

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
		// sp用のページにリダイレクトする
		location.href = 'https://XXXXX/sp.php';
		}else{
		// PC用のページにリダイレクトする
		location.href = 'https://XXXXX/pc.php';
		}
</script>

純粋にWEBサイトとして使うことはもちろんですが、ちょっと捻ったコンテンツ作りには単純で役立ちそうな気がします。

AMAZON Kindleおススメ書籍

ふりがなプログラミング初心者にはやっぱり「ふりがな」わかりやすいのでこのシリーズは◎

いちばんやさしいJavaScriptの教本画面のスクショと適度なイラスト。レイアウトや説明が分かりやすい&見やすいです

JavaScript コードレシピ集普段ググることでソースを探して使うことが多いのでサンプルがあるのはやりやすいです

1998年からWEB関連の仕事に従事。角川グループのWEB会社に入社し、ディレクター、デザイナーとして経験を積む。2004年よりフリーランスとして活動し、2008年に法人を設立。サイトの制作だけでなく運用保守や紙媒体も行う。専門学校の非常勤講師も経験。