• ベストアンサー

スマートフォンのサイト

初心者です。 あるサイトにアクセスすると、パソコンで見た時とスマートフォンで見た時と 違う画面が出てきます。 (つまりは、スマートフォン用の専用サイトがあるのですが) これは、ウェブサイトを作成時にどのように作っているのでしょうか。 よろしくお願いいたします。

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

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

  • ベストアンサー
回答No.2

> 出来れば具体的にソースの中でどのように書けばいいか教えていただけるとうれしいのですが。。。 No.1で示した参考URLに ----------------------------------------------------------- HTTPユーザーエージェント文字列は以下のメソッドで取得する。  JavaScript : navigator.userAgent  perl : $ENV{'HTTP_USER_AGENT'}  php : $_SERVER['HTTP_USER_AGENT'] ----------------------------------------------------------- と書いています。 これでわからないようなら http://terkel.jp/archives/2010/08/optimizing-websites-for-smartphones-with-ua-detection/ あたりを参考にしてください。 他にも「useragent スマートフォン 判別」等で検索すれば、 いくらでも情報は出てきます。

yumi2007
質問者

お礼

何度もありがとうございました。 とても助かりました。

その他の回答 (1)

回答No.1

ブラウザからWebサイトにアクセスした時、 HTTPプロトコルのUser-Agentヘッダに、 アクセス元の機種とかブラウザの情報が 入っています。 この情報をWebサイト側で参照して、パソコンからの アクセスかスマートフォンからのアクセスか 判断して別のページを送信することができます。 (参考) http://s-ej.com/glossary/useragent.html

yumi2007
質問者

お礼

早速のお返事ありがとうございます! 出来れば具体的にソースの中でどのように書けばいいか教えていただけるとうれしいのですが。。。

関連するQ&A

  • スマートフォン対応のウェブサイトを作りたい

    初心者です。 スマートフォン対応のウェブサイトを作ってみたいと思っております。 以前に、パソコンサイトはテンプレートを使って作ったことはあります。 (つまり最初からは作れませんが、カスタマイズすることは色々調べながら、、、ではありますが、ある適度出来ます) スマートフォン対応のウェブサイトも出来たらテンプレートで作りたいと思っているのですが、どこにあるのか見つかりません。(ないのでしょうか?) そんな難しいものではなく、 http://smart4me.net/ で、出来る程度のものでいいのですが・・・ どなたかご教授くださると嬉しいです。 よろしくお願いいたします。

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

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

    • ベストアンサー
    • HTML
  • スマートフォンのサイトについて

    本当に初歩的な質問で申し訳ないのですが スマートフォンをもっていないのでピンとこないのですが スマートフォンでPCで見ているサイトを見ることができますよね。 スマートフォンでのサイトとは専用のサイトなのでしょうか? IPHONEも別なんですよね。それもそれように作るのでしょうか? またURLはどうなっているのでしょうか? iモードみたいに 最後にi がつくような何か別なURLになるのでしょうか? よろしくお願いします。

  • スマートフォンサイト対応について

    非常に困っております。 スマートフォンサイトに対応したサイトを企業として用意する場合、方法として、 ・専用サイト作成 ・コンバータ ・ASP といくつかの方法がありますがそれぞれのメリット・デメリットが明確に理解できません。 コンバータとASPの違いを分かりやすく教えていただけないでしょうか? よろしくお願いします。

  • 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で見る

    モバイルサイトを作っていますが、自分はスマートフォンを持っておらず、携帯だけです。 スマートフォン用のコンテンツを作成するに当たって、パソコン画面上でスマートフォンの画面を再現できるようなスマートフォンビューみたいなソフトはありませんか? 携帯については、そうしたソフトをドコモやソフトバンクが確か提供していたと思うのですが。 同様にスマートフォンビューみたいなソフト配布をご存知ないでしょうか? サファリならアイフォンの画面を再現できますが、画面サイズだけでなく、hatccesを使ったアクセス制限の機能など、機能的な面も再現してくれる開発者向けのものがあれば助かります。 無償ソフトがなければ、市販ソフト品でも結構です。 宜しくお願いいたします。

  • スマートフォンで、どんなPCサイトを見ますか?

    最近、スマートフォン専用のサイトが充実してきましたが、まだまだ全てのサイトで対応というわけではないと思います。 そこでお聞きしたいのですが、スマートフォンに対応してくれれば便利なのに!と思えるサイトはどんな物がありますか? もしよろしければ教えて下さい。 宜しくお願い致します。

  • スマートフォン用WEBサイトでの音楽

    訪問すると自動で音楽が流れるサイトを作成しています。 <embed>タグで携帯サイトやパソコンサイトではうまくいくのですが、 スマートフォンでは再生してくれません。 スマートフォンWEBサイトで自動音楽再生はどのようにやって実現できるのでしょうか? どうか、回答よろしくお願いいたします。

  • スマートフォンサイトのプレビュー

    スマートフォン用テンプレートを使用してサイトを作成しているのですが、プレビューを見ても上手く出来上がってません・・・ スマートフォン用サイトはスマートフォンからでないとプレビューは出来ないのでしょうか? ちなみにロリポップです。

    • ベストアンサー
    • CSS
  • スマートフォンサイト デザイン

    初歩的な質問失礼いたします。 現在、スマートフォンサイトを制作しようとしているのですが、キャンバスサイズで迷っています。 すべての要素を倍のサイズで作成して、cssで縮小するときいたのですが、 iphone5の画面サイズを基準にデザインデータを作りたい場合、解像度は640×1136pxですが、実際に画面に表示されるのは半分程度の大きさなので、すでに倍になっていると考えて、幅640pxのキャンバス(高さはのちのち足すつもりです)を作成したらいいのでしょうか? また、ランドスケープ時のために、幅1136pxのキャンバスを作成したほうがいいのでしょうか?? どなたか教えてくださいませんか??

    • ベストアンサー
    • CSS

専門家に質問してみよう