PCもスマホも同一URLで表示する方法

1ページ完結のLPでしか試してないので
備忘録程度に書いておきますが、
htaccessで表示を切り替える方法です。

demo

サイトの構成

ドメイン直下
├ index.html (PCサイト)
└ sp
　 └ index.html (SPサイト)

上記の構成であれば
PCサイト ⇒ http://example.com/
SPサイト ⇒ http://example.com/sp/
になります。

これをスマホでアクセスしたら
URLを変えずに、読み込むファイルは /sp/index.html にする、
みたいな感じです。

上記の構成であれば htaccess には

RewriteEngine on

RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ /sp/$1 [L]

で、いけるんじゃないかと。

ドメイン直下じゃない場合

実際に試したLPは、ドメイン直下ではなく、
http://example.com/lp/
みたいな感じだったので正直上記のhtaccessは試してません。

http://example.com/lp/
で、PCとスマホ分ける書き方は単純に

RewriteEngine on

RewriteCond %{REQUEST_URI} !/lp/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ /lp/sp/$1 [L]

となります。

何ページもあってディレクトリ複雑なサイトで
一度試してみたいところではある。