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

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

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

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

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

以下のソースを単純にコピペしてください。ソース内にリダイレクト先を記載すれば、自動でリダイレクトしてくれます。

コピペのソースはこちら

ソースのコピペで対応できますが、OSのアップデートや新しい機種が出た場合は、この限りではないのでご注意ください。

<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サイトとして使うことはもちろんですが、ちょっと捻ったコンテンツ作りには単純で役立ちそうな気がします。

こちらの記事は旧サイトが外部アクセス攻撃のより撃沈したので移設記事です。