• 締切済み

スマホ用のWebサイトをPCで見たい

1つのhttps:// サイトで、まったく同じURLをChromeで入力しても、 PCで表示したときとスマホで表示した時で、見え方やメニュー階層が 違うように表示されるサイトがあります。 このようなWebサイトのコンテンツを、画面検証のためにPCで入ってもスマホで入った時と同じ画面を出す方法はありますか? F12を押して出てくるhtmlの中の何かを調べて、そこで得られた文字列をURLの最後に追加して... のような手法があるのかと想像しています。

みんなの回答

  • 121CCagent
  • ベストアンサー率51% (14182/27646)
回答No.5

まぁPCのブラウザからスマホ向けのWebサイトを見たいだけなら 【Chrome拡張機能】【User-Agent Switcher】を使って、ユーザーエージェントを変更する方法とは? https://osakanav.com/useragent-switcher-chrome みたいな拡張機能を利用するような手もありますね。

回答No.4

Chromeでも、開発者ツールです。 思いっきりモバイルで、機種名まで指定しての 開発・・・ができるように見えますが、 あくまで簡易ですがね。レティーナやピクセル変換は やってないので、せいぜいメディアクエリの発火点を 確認する程度ですが。ほぼこれでもテストには 耐えますが、最後は実機なのは、変わらないかな。

  • kame999
  • ベストアンサー率21% (610/2827)
回答No.3

パソコンでスマホサイトを表示する方法 https://www.tipsfound.com/chrome/01010

  • MT765
  • ベストアンサー率56% (1898/3332)
回答No.2

No.1です。 FireFoxも含めた解説がありました。 【Google Chrome/Firefox】でPCからスマホの表示をかんたんに確認する方法!(2020年版) https://www.support.makeshop.jp/design/?p=3414

関連するQ&A

  • 静的なPCサイトをスマホ対応にする手法

    まだスマホもCMSも流行っていない時期に作成した、 単純なhtmlとcss構築のPCサイトをスマホ対応(デザインやレイアウトの最適化)しようと思います。 以下のような条件の場合、どういった手法が最善でしょうか? ・PCサイトの全体のページ数は100P以上。ほぼ静的なhtmlで、一部aspによる更新システムあり。 ・すべてのページを最適化しようとは考えていない。トップページと主要なコンテンツ数ページのみ最適化したい。 ・頻繁に修正の入るコンテンツ内容については、PC版を修正したらスマホも同様に変わるようにしたい。(修正の二度手間を無くすため) ・メインナビゲーションなど、ほぼ固定の箇所についてはPCとスマホそれぞれ別ソースでもかまわない 更新の二度手間がかなり気になる箇所なので、できればワンソースでcssによる切り替え対応したいところですが、もともとスマホのことなんて全く考慮していないhtml設計なので、正直cssだけでどこまで最適化できるのか微妙なところです。 希望の形としては、 PCサイト用の大枠のhtmlと、スマホ用の大枠のhtmlがそれぞれ存在していて、 その中のパーツパーツをワンソースで管理できたらベストだなーと思っています。 (PHPファイルとかで部分的なソースをインクルードして使う、みたいな感じでしょうか。) 上記のような方法は可能なのでしょうか? 可能であるとしたら、どのように実現すれば良いでしょうか。 参考URLなどでも結構ですので教えていただきたいです。 また、上記手法が一般的ではない場合、どういう手法がベストなのでしょうか。 ご教授いただけますと幸いです。

  • 多階層ドロップダウンのスマホ化について

    現在PCサイトにおいて多階層のドロップダウンメニューのスマホ対応を、jQueryプラグインを使うことによって実装致しました。 しかし一つ問題があるのですが、スマホ化した際に、liの親要素は全てリンクがヌルリンクになり、タッチして下の階層が開ける仕様になっているため、PCの方ではコンテンツのあるメニューの一部が開けなくなってしまいました。 他のプラグインやbootsstrap等の例も見たのですが、やはりスマホでは親要素はクリックできるようになっているため、ヌルリンクになっているようです。 メニューの構成自体を変えた方が良いのでしょうか?それとも他に実装できる方法があれば、解説サイトのリンクだけでも良いのでご教示お願い致します。

  • スマホのPCサイト

    スマホのPCサイトと同じ画面をPCで見た場合、消費する容量は同じですか? また、スマホ用・タブレット用の画面は、PC用の何%程度ですか?

  • スマホのテザリングでPCのgmailが共有できない

    初めてChromeをスマホのテザリングでPCへインストールし、chromeを起動したらスマホのgmailが共有できてました。その後、1週間程PCにてスマホのgmailを操作し、最近PCのwindowsXPのgmailを共有していたアカウントをデータを含め全削除し、新しいアカウントで再度chromeをインストールし起動すると、スマホと共有できていた時とは異なりログイン画面となり、スマホのgmailアドレスを入力してもchromeのアカウントがありませんの意味合いのエラーメッセージが表示され、スマホとPCのchromeでのgmailが共有出来なくなり非常に困っております。 どのようにすれば再度chromeでのgmailのスマホとPCの共有が出来るようになるか、ご教授の程お願い致します。

  • レスポンシブ対応のサイト制作について

    レスポンシブ対応サイト制作中の者です。制作自体は以前から行っていますので、それ自体に疑問はないのですが、たまにPCでウィンドウ幅を変更してもスマホ画面や、タブレット画面にならないサイトを見かけます。これはどのように実現させているのでしょうか?その場合、chromeの要素検証でスマホ画面環境を作ってやると、きちんとスマホ対応画面になるのですが。 よろしくご回答お願いいたします。

    • ベストアンサー
    • CSS
  • スマホ表示

     スマホでchromeを使用しています。PC用の表示が小さいのでスマホ表示に設定したいのですが,可能でしょうか。  また,全てのサイトがPC用・スマホ用,両方の表示法を用意しているのでしょうか。

  • モバイル対応、スマホ対応のホームページはうざい!

    モバイル対応、スマホ対応のホームページって、なんか、うっとおしくないですか? せっかく頑張って、スマホの画面が大きくなったのに、あんな不快な便利な元々のホームページとは違う、変なデザインもクソもない、スマホ用ページなんて、いつも見慣れているPCのページと2つの別のサイトのコンテンツの位置を覚えなければならず、とても不便です。 PC用のページだと文字が小さくなるから、ということらしいのですが、 ほんとうに、それが悪いか?って思います。だって、画面をダブルタップすれば一瞬で拡大し、もう一度タップすれば元に縮小して、ホームページ全体を見渡しながら好きな部分を拡大するというのが、スマホの醍醐味です。 何を考えて、あんな醜いスマホ用サイトを大量に見させるんでしょうね。メニューがサイドバーにないHPなんて不便で仕方ありませんよ。 ページの長いコンテンツの下まで移動しないと、メニューが出てこないんですよ!不便だったらありません。しかも、昔は、そういうページは、PC表示と切り替えられたのに、今では一切なくなりました。 ほんとうに、スマホの画面は大型化していくのに、うっとおしい話です。ガラケー用だけ、そうしてくれ。って思います。ガラケーからスマホに変えたのはPCと同じHPが見たいからです。 ほんと、そういうユーザの需要を汲み取って欲しくありませんか?

  • サイトを見るならPCかスマホか

    皆さんは、なにかしらの公式サイトやニュースサイトなどを見る時は、 PCで見てますか?スマホで見てますか? ちなみに自分は、スマホ9割、PC1割って感じです。 暇つぶしにこたえてください。

  • スマホでPCサイト見たらスマホへ誘導するリンク

    スマートフォンサイトを初めて制作を試みていますが スマートフォンでPCサイトを見た時に 下記URL 日産自動車のホームページのように スマートフォンサイトはこちらというリンクがある場合があります。 http://www.nissan.co.jp/ これを作成したいのですが、どうすればいいのでしょうか? スマホサイトからもPCサイトへ リンクさせたいです。 初歩的質問で申し訳ありませんが ご存じの方教えてください。よろしくお願いいたします。

  • PCとスマホサイトでHP作成ソフトが違っていて困っ

    ど素人の質問で失礼します。 今、知り合いのショップのサイトの問題解決に取り組んでいます。 「PCのサイトとスマホサイトの連動」で質問です。 その店のサイトは、PCとスマホのwebサイトを別々のソフトで 作成していて、更新もその都度別々にしているようです。 (それもあって、更新や不具合をタイムリーにできていない。。) ・PCサイト→ホームページビルダー ・スマホサイト→Dreamweaver で、作成してあります。 (スマホサイト作成の際、専門家に作ってもらったようです。) PCサイトでもスマホサイトでも情報はかぶるので、 結論、「PCサイトをスマホ表示にしたら済む話」なのですが、 この場合、どちらのソフトで作成して情報を一元化するのがよいでしょうか? 調べてみたら、Dreamweaverは、専門的なので、プロ使用、SEO対策も難しい、とありました。。 ◆今後、実際にサイト運営を行っていくのは、“基本素人”なので、なるべくシンプルに今の情報をまとめ、お客さんに見やすく、情報をタイムリーに届ける事をゴールにしています◆ (1)「ホームページビルダー」で、スマホ表示できるようにする。 (2)「Dreamweaver」で、PCサイトを作り直して→スマホ表示する。 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ その他の情報としては、例えば、 ・PCサイトのトップページがある→そのURLに「/sp」を付けると、スマホ表示になるように 設定されている。 手探りで進めている素人なので、なるべく分かり易く教えて頂ければありがたいです。 よろしくお願いしますm(__)m

専門家に質問してみよう