【超簡単】PC上でサイトのスマホ・モバイルでの表示を確認する方法

2024年6月8日

いまやインターネットサイトの閲覧は、その多くがスマホ（モバイル）で見ているユーザーが多数です。

運営しているサイトや記事が、スマホでどのように表示されるかを確認することは重要、かつ必須ですが、自分が持っている携帯デバイスや友人知人のデバイスを借りて確認することは手間がかかります。パソコン上で簡単に確認できると楽ですね。

本記事では、パソコン上でスマホの見た目を簡単に確認する方法を２通り紹介します。

手軽に確認できますので、ぜひ、ご利用ください。

「Google Chrome」または「Microsoft Edge」の標準機能で確認する方法

Chrome または Edge をお使いの場合、拡張機能の追加なしで使える標準のディベロッパーツールを用いて確認することが可能です。

ディベロッパーツールはブラウザ上でショートカットキーを押すことで起動します。

※ Chrome、Edge とも手順は同一です。

ディベロッパーツール起動方法

右側にプログラムコードのような表示が現れたら成功です。

（右側の細かい部分は使いませんので、「わけわからない」と心配しなくても大丈夫です）

画面上部にある操作パネルを利用します。

「ディメンション：レスポンシブ」のプルダウンから確認したいデバイス（例：iPhone SE など）を指定することで、ほぼデバイスと同じ画面サイズで確認できます。

確認したい端末がプルダウンの項目にない場合、端末設定を拡張することができます。

プルダウンから「編集」をクリックすると右側に対象デバイス（エミュレート済みデバイス）を表示しますので、プルダウンリストに追加したいデバイスにチェックを入れます。

自分が利用したいデバイスが無い場合は、「カスタマイズデバイスの追加」ボタンから自分でデバイスを追加することも可能です。

WordPress 上でも簡単にスマホ（およびタブレット）での見た目を確認することができます。

WordPress の管理画面から「外観」→「カスタマイズ」を選択します。

左下のデバイスアイコンを切り替えることで、一般的な「PC」、「タブレット」、「スマホ」のサイズで見た目を確認できます。

パソコン上でスマホの見た目を簡単に確認する方法です。

ポイント

手軽に確認できますので、ぜひ、ご利用くださいませ。

40代・50代「会社員におすすめ」の在宅でできる副業５選

: 40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる）

４０代、５０代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では４０代、５０代におすすめの副業５選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選

: 20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる）

２０代、３０代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（または少ない）主婦におすすめの副業ができれば安心ですね。記事では、２０代、３０代専業主婦におすすめの副業３選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介！

: 【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介！快適な移住先も紹介します

都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす！おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る