• 締切済み

PCサイトとスマートフォン用サイトの振り分け

お世話になります。 いろいろなサイトをみていると色々訪問者のディバイスでpcサイトとスマホサイトを振り分ける方法が載っていますが、okwaveみたいにスマートフォンの訪問者に対して、サイトの上のほうに「スマートフォン版はこちら」のような帯を出す方法はどのようにするのでしょうか?

  • HTML
  • 回答数2
  • ありがとう数2

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

>okwaveやほかの大手サイトでも使用されているのに、逸脱した手法ですか?  そうなのです。なにせokwebは、歴史のあるサイトでしてそれを利用した質問サイトはたくさんあります。その当時は、今のように文書構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )と言っても対応しているブラウザも少なく、IEが幅を利かしていましたから。  

worker001
質問者

お礼

??? 回答していただけるのは非常にありがたいのですが… これは一体??? 私が作ったPCサイトとスマホサイトがありまして、それをokwaveみたいにスマートフォンでアクセスした時に最初はPCサイトを表示させて、「スマートフォン版はこちら」のような帯を出す方法という質問だったのですが… 利用した質問サイト??? 教えてgooもあれって回答になってます??? なにはともあれ、2度も回答をくださりありがとうございます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

できれば、そうではなく。せっかくHTMLを使ってウェブサイトを作るのですから、  ⇒携帯に対応させる場合 - HTML - 教えて!goo( http://okwave.jp/qa/q8431328.html )  に説明しましたので、そちらを参考に・・・ >色々訪問者のディバイスでpcサイトとスマホサイトを振り分ける方法が載っていますが、  本来の手法とは逸脱した手法です。 どうしてもなら、ページをCGIで作成するなどして、別データを出力する動的なサイトにするとか、mediaQueryを使うとか・・

worker001
質問者

お礼

これは???私には難しくてわからないのですが… okwaveやほかの大手サイトでも使用されているのに、逸脱した手法ですか? ご回答ありがとうございました。

関連するQ&A

  • PCとスマートフォンでサイトの振り分けに関して

    現在スマートフォンのサイトを構築しています。 事情がありスマートフォンのサイトと、PC用のサイトでは別サーバで運用します。 スマートフォンのサイトは、サブドメインを割り当てて運用する為、基本ドメインは同じになります。 PC用サイト http://www.example.jp/ もしくは http://example.jp/ でアクセスした場合、PCのサイトを表示します。 スマートフォン用サイト http://sp.example.jp/ でアクセスがあった場合、スマートフォン用のサイトを表示します。 現状PCでアクセスしても、スマートフォン用のサイトが表示しています。 振り分けをしたいのは、スマートフォン用のサイトにPCでアクセスした際、PC用のサイトを表示させたい。 PCで http://sp.example.jp/ にアクセスした際に、「.htaccess」ファイルの対応で http://www.example.jp/ を表示させたいと思います。 可能であれば逆にスマートフォンで http://www.example.jp/ もしくは http://example.jp/ にアクセスした場合 http://sp.example.jp/ を表示させたいと思います。 質問として 1,上記の希望を「.htaccess」 ファイルで対処可能か 2,「.htaccess」ファイルで対処可能場合、具体的な記述を教えて頂きたい。 3,「.htaccess」ファイル以外で、対処が可能場合その方法を教えて頂きたい。 自分なりに調べた範囲では、同一サーバ内でPC用のディレクトリ、スマートフォン用のディレクトリへ導く方法は参考になりましたが、今回は別のサーバになる為少し違うのではと思い質問させて頂きました。 参考にしたサイト http://html-five.jp/94/

    • ベストアンサー
    • CSS
  • スマートフォンとPCのサイトの振り分けについて

    お世話になります。 パソコンでサイトを見るときと、スマートフォンでサイトを見るとき、 そのサイトを見ると自動的に専用サイトへ振り分けてくれるサイトって あると思うのですが、(スマートフォンで見た場合スマートフォン用の サイトでパソコンで見た場合パソコン用サイト)あれってどのような構造 になっているのでしょうか?

    • ベストアンサー
    • HTML
  • PC・スマートフォンサイトの振り分けについて

    パソコン用サイトと、スマートフォン用サイトを用意し、スマートフォンでパソコン用サイトにアクセスした場合に、スマートフォン用サイトに自動的に転送(振り分け)するようにしたいのです。 具体的には…。 例えば、 PCサイトのアドレス:www.abc.com/index.html スマートフォンサイトのアドレス:www.abc.com/sp.html の場合、スマートフォンでPCサイト(www.abc.com/index.html)にアクセスした場合、自動的にスマートフォンサイト(www.abc.com/sp.html)に転送(振り分け)をしたいのです。 スマートフォンでPCサイト(www.abc.com/index.html)にアクセスした場合→スマートフォンサイト(www.abc.com/sp.html)へ自動的に転送したいのです。 その場合における、index.htmlに記述すべきJavaScriptの記述内容を教えてください。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページ スマートフォン PC 振り分け

    初質問でつたない文章ですが、ご回答のほどよろしくお願い致します。 【質問】 スマホからスマホ版ページに飛び、PC版へのリンクを押した場合はPC版を閲覧出来るという設定はjavascript利用で行えないでしょうか? そんなめんどくさい事をするならhtaccessを利用した方がいいのでしょうか? htaccessでもそういった設定は難しいのでしょうか? 【現状】 PC版とスマホ版のウェブサイトを作り、htmlを書き足してjavascriptで振り分ける方法にしました。振り分けは問題なくできています。 【問題点】 スマホ版ページに「PC版」と文字を書いて、スマホでPC版を見たい人が飛べるようリンクを貼ったのですが、当然の事ながらスマホはスマホとして認識されるので、上記のhtml記述ではPC版に飛べません。 スマホでスマホ版ページの「PC版」という文字を押しても今居るスマホ版ページに飛ぶだけで、ひたすらループするのみです。 ーーーーーーーーーー関連個所ーーーーーーーーーー <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = 'sp'; } </script> ーーーーーーーーーーーーーーーーーーーーーーーー 拙い文章失礼しました。 よろしくお願いします!!

  • スマートフォンサイトとPCサイトの切り替え方法

    PCサイトとスマートフォンサイトをPHPを利用して、振り分けています。 それぞれファイルは別ファイルです。 PC:http://○○○/ スマホ:http://○○○/ip/ yahooやlivedoorのサイトにあるような、PC画面選択ボタン ※こんな感じのやつです。 <a href="~">PCサイト</a> | スマホサイト を付けて、PC画面かスマホ画面を選択出来るようにする具体的な方法を教えて下さい。 現在は下記PHPコードで振り分けています。 <?php $ua=$_SERVER["HTTP_USER_AGENT"]; if((strpos($ua,'iPhone')!==false)||(strpos($ua,'iPod')!==false)||(strpos($ua,'Android')!==false)) { header("Location: http://○○○/ip/"); } ?> よろしくお願い致します。

    • 締切済み
    • PHP
  • iPhoneでPC版サイトだけをみるには

    iPhoneでネットをみているとスマートフォン版サイトが表示されるところとPC版サイトが表示がされるところがありますよね。 そこでPC版とスマートフォン版が切り替えできるところはいいのですがスマートフォン版しか表示できないところがあります。 そのようなサイトをPC版でみる方法があったら教えてください。 またすべてをPCサイトでみれるブラウザのアプリなどありましたらお願いします。

  • スマートフォンで閲覧可能なサイト

    閲覧ありがとうございます。 近いうちにスマートフォン(ドコモ製品)に乗り換えようと思っている者です。 最近多くのケータイサイトで「スマートフォン版のサイトができます!(あります!)」 などのお知らせを見かけるのですが, スマートフォンではPCサイトは大体見れると思っていたので必要性がいまいち分かりません。 スマートフォンで見られないPCサイトは存在するのでしょうか? あるとすればどのようなサイトでしょうか? 回答お願いします。

  • HTML PCサイトをスマートフォンサイトへ飛ばす

    詳しい方教えて下さい。 HTML記述でPCサイトへアクセスしたスマートフォンを別に用意したスマートフォンページに飛ばす方法を教えて下さい。.htaccess以外でHTMLの記述で実現したいです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • スマホ用ページへの振り分け

    今、スマートフォン用のホームページを作っています。 PC用ページからスマートフォン用のホームページへ飛ばす方法を質問させてください。 現在、ページにJavascriptを埋め込み、UserAgentで判断してiPhone、iPod、Androidの場合は、 スマートフォン用のページに自動で飛ばす仕組みを作っています。 この作り方だと問題がありまして、 例えば、Android4.0の標準ブラウザやAndroid用Google Chromeでは 「デスクトップ版を表示」や、「PC版サイトのリクエスト」というのがあります。 スマホでYahoo!やAmazonのスマホ用ページを表示した後、ブラウザでこのチェックを付けるとPC版のページを表示します。 自分の作ったページでは、UserAgentで判断してページ自体を違うページに移動してしまっているので、 「デスクトップ版を表示」にチェックしてもPC版ページを表示しません。当然です。 質問ですが、 1.Yahoo!やAmazonのページは、どういう仕組みで、PC用とスマホ用ページを振り分けているのでしょうか? 2.ブラウザの「デスクトップ版を表示」のチェックがやっていることは、 UserAgentを偽装してPC用のUserAgentを吐き出しているだけ、という理解は正しいですか? 以上、宜しくお願いします。

    • ベストアンサー
    • HTML
  • PCにスマートホン本体が表示されない

    Lineで受信した画像等をパソコンに取り込む時に、PCのコントロールパネル>デバイスマネージャーのポータブルデバイス上には表示されますが、エクスプローラのPCにスマートホン本体(SH-01K)が表示されないため、スマートホン本体からPCへのデータ転送ができません。 エクスプローラのPCにスマートホン本体を表示する方法を伝授下さい。 又、LINEで受信した画像等をSDカードに転送する方法も併せて教えて下さい。 宜しくお願い致します。 ※OKWAVEより補足:「ドコモの製品・サービス」についての質問です。

専門家に質問してみよう