最近、自分のサイトで初めてスマートフォンサイトを導入したのですが、セーノのサイトはさくらのサーバライトプランにPHPを自分でインストールして使っているヘンテコ環境なため、.htaccessやjavascriptを使った表示切り替えが上手く動作しませんでした。
最近、自分のサイトで初めてスマートフォンサイトを導入したのですが、セーノのサイトはさくらのサーバライトプランにPHPを自分でインストールして使っているヘンテコ環境なため、.htaccessやjavascriptを使った表示切り替えが上手く動作しませんでした。
2013/09/03 WEB PCサイトとスマホサイトの切り替えの方法について、ちょいと考えてみました。 ベストな方法ってなんですかね。一番最初は結構悩みました。 スマートフォンの普及に伴い、案件でもスマホサイト制作がとても多くなってきました。 そこで、何故かいまさらスマホサイトとPCサイトの切り替えについて考えてみました。 そう今更です。 まあ、切り替えについてはいくつか方法があります。 1、「Pc2Sp.js」を使う これはto-R様が配布しているPc2Sp.jsです。 参考:PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」to-R様 これが実は一番柔軟性があるのでは無いかなと思います。ホントいいもの作ってくれますね。 簡単にこのjQueryについて説明をすると、 一つのサイトにPCからアクセスすればPCサイトを表示、 スマホからアクセスすればスマホサイトを表示
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess CSSで切り替える デバイスの幅によって動作をきりかえます。下記だと最大幅480pxの場合は「sp.css」を参照します。 <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="./layout/sp.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-device-width:481px)" href="./layout/pc.css" /> PHPで切り替える ユーザーエージェントを判別してPHPで条件分岐します。 <?php $ua=$_SERVER['HTTP_U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く