パソコンのWebブラウザでモバイルサイトを見る方法

スポンサーリンク
Androidスマートフォン Windows

スマートフォンやタブレットから見る場合とパソコンから見る場合で表示が異なるWebサイトは多々あります。操作方法などが異なることから「パソコンからでもスマホ/タブレット向けの画面で見たい」と言う場合には、ブラウザの機能を使って閲覧することができます。

スポンサーリンク

開発者ツールを活用する

FirefoxやChromeには、Webサイトの開発を容易にする開発者ツールが備わっています。ブラウザによって呼び名は異なりますが、Firefoxは『開発ツール』、Chromeは『デベロッパーツール』と呼ばれています。

このツールを起動するためには、どのブラウザでも同様にF12キーを押下します。するとそれぞれのブラウザで開発者ツールが起動します。

ただし、サイトの構造(造り)によっては正常に表示されないことがあるので注意してください。

モバイルサイトを閲覧する手順

Firefoxの場合

  1. 開発ツールより『レスポンシブデザインモード』をクリックします。

    Firefox→開発者ツール

  2. レスポンシブデザインモードより『解像度』を選択します。

    Firefox→開発者ツール

Chromeの場合

  1. デベロッパーツールより『Toggle device toolbar』をクリックします。

    Google Chrome→開発者ツール

  2. device toolbarより『デバイス』を選択します。

    Google Chrome→開発者ツール

パソコンのブラウザでモバイルサイトを閲覧するやり方は以上です。

使い勝手としては、主要なデバイスがプリセットされているChromeが使いやすくてオススメです。また、完全に互換性があるわけでは無いので、最終的には各種デバイスで確認することをオススメします。

タイトルとURLをコピーしました