JavascriptでPC/スマホページを振り分ける(個別URL毎に)

スマートフォンでアクセスがあったときに、PC用とスマホ用ページに振り分けると方法として、以下の方法がある。

ユーザーエージェントによってPCとスマートフォン(iPhone / Android)を振り分ける方法いろいろ(PHP / JavaScript / .htaccess等)

上記の場合、スマホでPCページにアクセスがあったときは、PCのどのURLであっても、
すべて /sp/以下のTOPページ に遷移してしまいます。

それを次のようにページ個別に対応させる方法を紹介します。

PC用ページ
http://sample.com/hoge.html
にアクセスあったら

スマホ用ページ 
http://sample.com/sp/hoge.html
に飛ぶようにしたい。

下記のとおりで実現できました。書き方はかなり微妙かもしれません。

PCからスマホ用ページにアクセスがあったとき、PCトップに飛ばす

ちなみにPCからスマホ用ページにアクセスがあったとき、PCトップページに飛ばすには、次のとおりです。

参考にしました

JavaScript でリクエストされた URL を取得する

スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク