ソースコピーですぐ使えてスマホ専用サイト作成に便利!PC・スマートフォンサイトの振り分けJavaScript作りました。
- カテゴリー CSS3/スマホサイト制作
PCとスマートフォンで違うページを閲覧させたい場合は、ユーザーエージェントを判別して切り替えることができます。メディアクエリなどを使用したレスポンシブWEBサイトの場合は1ソースでそれぞれのデバイスに振り分けますが、PCサイトとスマホサイトで内容なども変更させる場合は、それぞれサイトを作って振り分ける必要があります。
ユーザーエージェントを判別するには、PHP・JavaScript・.htaccessなど様々な方法がありますが、今回はJavaScriptを用いた方法をご紹介させて頂きます。