ジェイクールの更新テクニック

JavaScriptでスマホサイトへのリダイレクト

スマートフォンサイトがPCサイトとは別URLになる場合、
PCサイトにアクセスした際にユーザーエージェントによる振り分けが必要となります。

一般的で確実なものは.htaccessへの記述ですが、
サイトの構造に合わせた記述をしないと、CSSなど外部ファイルを読み込まない(読み込みパスが書き変わってしまう)といったケースも。

スマホ用ディレクトリが存在する場合には.htaccessで確実に処理を、
ディレクトリは存在せず、単純にPCアクセス時と異なるページに飛ばしたいだけという時にはjavascriptでの処理を。適宜方法を選択しましょう。

【javascriptでのリダイレクト】

例えばスマートフォンでトップページにアクセスした際に「sp.html」に飛ばす場合、
下記をトップページに記述します。
外部ファイルにして読み込ませても可。

<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) {
	location.href = '/sp.html';
}
</script>

 
お試しください。