• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:PCサイトとスマフォ用サイトの表示切り替えについて)

PCサイトとスマフォ用サイトの表示切り替えについて

このQ&Aのポイント
  • PCサイトとスマホ用サイトの表示切り替えについて解説します。
  • 解説を参考に、リンクを押した時にPCサイトとスマホ用サイトの表示を切り替えたい。
  • ソースコードの設置やリダイレクトの処理についてよくわからないので、アドバイスをお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Toshi0230
  • ベストアンサー率51% (836/1635)
回答No.1

こういうのはある程度内容を理解して実施しないと痛い目にあいますよ~…と一応警告しておいて、と。 ソースが掲載されているPHPファイルは、改変せずにそのままサーバにアップしてよいです。 場所はどこでも良いですが、わからなければ"lib"というフォルダを作成してそこに放り込んでください。 あとは、PC向けのHTMLファイルである /index.html を index.php にリネームし、その先頭に <?php include_once( "lib/prerouting.php"); ?> の一文を放り込めばよいはず。 ただし、このPHPソースを見るとスマホに対しては/spn フォルダにリダイレクトするようなので、スマホ向けのコンテンツは/spn のフォルダ内に置いておく必要があります。 質問者さんの希望に沿う動きにするにはPHPのソースをいじる必要があるかと思いますが、PHPをちょっとかじっただけの私のスキルではすぐに回答はできませんので詳しい方に譲ります:-P

dontakosu5
質問者

お礼

なるほど、index.htmlをindex.phpにリネームするんでしたか!それだけだとまだダメでしたが、他所で知った (function(){ var ua = navigator.userAgent.toUpperCase(); var url = document.location.pathname; var spDir = '/sm/'; (ua.indexOf('IPHONE') != -1 || (ua.indexOf('ANDROID') != -1 && ua.indexOf('MOBILE') != -1))? isSP() : isPC(); function isSP(){ if(url.match(spDir)){ return false; }else{ location.href = spDir; } } function isPC(){ if(!url.match(spDir)){ return false; }else{ location.href = '/'; } } }()); ・・・というソースをuserAgent.js として保存し、 htmlのhead内に <!-- 切り替え用 --> <script type="text/javascript" src="userAgent.js"></script> というのを合わせて入れたところ、ちゃんとスマフォで見るとスマフォサイトに切り替わる様になりました! リネームとかしらなかったので、助かりました! ありがとうございます。

関連するQ&A