Chrome/Firefox】でPCからスマホの表示をかんたんに確認する方法!(2020年版)スマホツールレイアウトこんにちは、MakeShopのあらいです。いつもMakeShopをご利用いただきありがとうございます。Chrome/Firefox】でPCからスマホの表示をかんたんに確認する方法!(2020年版)どのブラウザでも「ユーザーエージェントを切り替える」『デベロッパー(開発者)ツール』や『拡張機能』を使って表示をエミューレートしてスマホ表示を確認することができます。ChromeとFirefox」2つの操作方法をご紹介します。【1】「F12」をクリックしてデベロッパーツールを表示します。【2】表示切替アイコンをクリックします。【3】アイコンが青い状態の時は、スマートフォン表示モードです。【4】更新をクリックすると、スマートフォン表示が確認できます。【おまけ】スマホ表示のデバイスや倍率などお好みで調整してみましょう。他、メニューを開いて、デベロッパーツールの表示位置(別ウインドウ・左・下・右)を変更することができます。【1】「F12」をクリックしてデベロッパーツールを表示します。【2】表示切替アイコンをクリックします。【3】アイコンが青い状態の時は、スマートフォン表示モードです。【4】更新をクリックすると、スマートフォン表示が確認できます。【おまけ】スマホ表示のデバイスなどはお好みで調整してみましょう。Firefoxでも、メニューを開いて、デベロッパーツールの表示位置(下・右・左・別ウィンドウ)を変更することができます。・ブラウザにプラグインなどを入れている場合正しく表示されない場合もあります。・2020年1月時点のご紹介記事となります。環境に合わせてお役立てください。いかがでしたでしょうか。頻繁にスマホ表示の確認が必要なときなど、PCで操作をしながらスピーディに作業ができるのでおすすめです。あらいMakeShopのマニュアル担当。233メートルのマカオタワーからバンジージャンプしたMakeShopの旅行好き、チャレンジ好き、楽しむこと好き女子です。