Hayasaki.MOBILEphpスマートフォンTweetTweet時代はレスポンシブWEBデザイン(コンテンツは一つでデバイス幅によってレイアウトを変える)ですが、今あえて、コンテンツをPC用とスマホ用と二つ設けて、自動的に切り替えたい(リダイレクト)という要望も根強くあります。スマホサイトには[PCサイトを見る]というボタンが付いており、スマホサイトに自動的にリダイレクトさせるという機能と矛盾する拡張機能がついているという場合です。リダイレクトサンプルデモを設けましたので、とりあえずPCとスマホのそれぞれからクリックしてみてください。デバイス切り替えサイトのデモPC用URL(http://yahss.net/demo/useragent/pc)括弧内URL名から分かるとおり、PCサイトへのリンクです。リンクをクリックするとPCはこのままPCサイトへ、しかしスマホならスマホサイトにリダイレクトします。逆にスマホ用URLの場合はスマホ用URL(http://yahss.net/demo/useragent/smart)PCはPCサイトへリダイレクト、スマホならそのままスマホサイトを表示、といことになります。agent.phpそれぞれのページ(index.php)のファイルの先頭は次のようになっています。?>意味は「ファイルを読み込む時にその最初にagent.phpを読み込みなさい」ということです。ここでデバイス情報を取得し参照しているURLによって、デバイスごとにリダイレクト先を切り替えています。PC用index.phpの内容は:<h1>デバイス切り替えデモ</h1><p>これはPCサイトのデモです。/>このリンクはiphoneかandroid端末で参照している時にのみ表示され、PCでは表示されません。?>スマホ用index.phpの内容は:<h1>デバイス切り替えデモ</h1><p>これはスマホサイトのデモです。/>このリンクはiphoneかandroid端末で参照している時にのみ表示され、PCでは表示されません。上記、スマホ用index.phpには「PCサイトを表示」というリンクがあることに気付かれることでしょう。情報を取得して22行目以降でsession情報に保持させていますこれにより、スマホで参照する時のみ、デフォルトではスマホサイトを表示させ、「PCサイトを表示」をクリックしたらPCサイトも参照できるということになります。スマートに記述できるような気もしますが・・・。WILLCOMこのあたりの文字列を使ってもう少し頭をひねればガラ携にも対応できますね。おかしな点にきづかれましたらぜひお気軽にご指摘くださいますようお願いいたします。ツイートFacebookつながるABOUTCONTACTWEBLOGWORDPRESSPHPJQUERYMOBILEMISCABOUT様々な要素がつながっていくことってステキなことだと思いませんか。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。