パソコンから今すぐスマホ画面を確認したい時に役立つ「デベロッパーツール」

皆様、こんばんは。

グーグルのモバイルファーストインデックスが始まり、ホームページのアクセスもモバイルが大部分を占めています。

となるとホームページを更新する際に気になるのは「モバイル」の画面です。

今回はパソコンからモバイル画面の見え方を確認できる

グーグルクロームの機能「デベロッパーツール」の表示方法をお伝えします。

そもそもグーグルクロームはご存じでしょうか？

グーグルクロームはグーグル検索でおなじみのグーグルが提供しているブラウザ（インターネットを見るためのソフト）です。

そのグーグルクロームに備わっている機能として、パソコンの画面から「モバイル」の画面を表示する「デベロッパーツール」機能が存在します。

パソコンで仕事中、ブログの投稿がどのようにモバイルで表示されているか、気になったことはありませんか？

そういった時に活躍する機能です。

グーグルクロームを使っている方であれば、表示の仕方はとても簡単です。

このようなグーグルクロームの画面から

右上の・・・ボタンをクリックすると項目が表示されます。

その中の　その他のツール　から　デベロッパーツール　を選択

すると、画面が変化します。

変化後の画面で下の写真内「赤枠」部分をクリックして、モバイル表示の完了です。

この機能の強みは様々なモバイルの画面設定を試せる点です。

アンドロイド端末だけでなく、iPhoneの画面サイズにも切り替えて表示できます。

この表示の切り替え時は一時的にパソコンの表示が残る場合があるので、切り替え後には更新をおすすめします。

また、この表示は実機の画面と全く同じでない場合がありますので、そちらに気を付けてご使用ください。

お役に立ちましたら幸いです。

┏━┓…────────────────────────────────────
┃◇　住宅会社・工務店・リフォーム会社専門のWEB 集客コンサル　／　株式会社チタン
┗━━…────────────────────────────────────

■チタンfacebook『Web制作・集客｜株式会社チタン』
https://www.facebook.com/titun.jp

Tweet