AFFINGER6カスタマイズ

【一発解決】PC画面からスマホ画面表示を確認する方法【F12→スマホ切り替えボタンを押すだけ】

\当サイト限定豪華7特典付き/

AFFINGER5(WING)をみる

/今すぐ申し込む\

【一発解決】PC画面からスマホ画面表示を確認する方法【F12→スマホ切り替えボタンを押すだけ】
悩む人
PC画面(パソコン)画面からスマホ画面ではどうのように表示されるのかを確認したいけど、どうしたらいい??

こういった疑問にお答えします。

結論、Google Chromeのブラウザであなたがスマホ画面版でみたいWebサイトを開いた状態にして『F12』を押してスマホ切替ボタンを押すだけでOKです。

PC画面からスマホ画面を確認する方法の手順は下のとおり。

  • Google Chromeで任意のページを開く
  • F12を押す=Developer Toolsを開く(パソコンによってFn(ファンクションキー)+F12)
  • 右上に表示されるスマホとパソコン画面の切り替えボタンを押す

一連の手順を動画ですると下のとおり。

動画だとわかりにくいという方のために、以下は画像を使って説明していきます。

当サイト限定豪華7特典

今すぐゲット

PC画面からスマホ画面を確認する方法【F12→スマホ切り替えボタンを押すだけ】

先程も説明したとおりで、パソコンからスマホ画面表示を確認する方法は下の手順です。

  • Google Chromeで任意のページを開く
  • F12を押す=Developer Toolsを開く(パソコンによってFn(ファンクションキー)+F12)
  • 右上に表示されるスマホとパソコン画面の切り替えボタンを押す

順番に解説します。

Google Chromeで任意のページを開く

まずはGoogle Chromeを使っていない人はまずはGoogle Chromeをダウンロード&インストールするところから始めましょう。

Google Chromeをダウンロードする

Google ChromeブラウザならDeveloper Toolsを開けて、スマートフォン表示ができてスワイプもできます。

F12を押す=Developer Toolsを開く(パソコンによってFn(ファンクションキー)+F12)

Google Chromeがダウンロードできてデスクトップにアイコンが表示されたら、Google Chromeで任意のページを開きましょう。

ページを開いた状態で『F12』を押すと、Googleの『Developer Tools』が開きます。

パソコン画面からスマホ画面表示を確認する方法はDeveloper Toolsを開くこと

右上に表示されるスマホとパソコン画面の切り替えボタンを押す

右上に表示されているスマホとパソコン画面を切り替えるボタンを押すとスマホ画面に切り替えれます。

Developer Toolsでスマホ画面とパソコン画面を切り替えるボタンを押せば簡単にスマホ画面を見れる

スマホ画面に切り替えられると横幅が狭くなった画面が見れます。

もし、あなたが自分のサイトのスマホ画面を確認したくなったらこの方法ですぐに確認できます。

ちなみに、スマホによって表示のされ方は違いがあります。

スマホのシェアが多いiPhoneやAndroidなどで逐一スマホ表示を確認しておくとより安心です。

\当サイト限定豪華7特典付き/

AFFINGER5(WING)をみる

/今すぐ申し込む\

AFFINGER5おすすめランキング

AFFINGER5(アフィンガー5)

通常版のAFFINGER5(アフィンガー5)で価格は14,800円。今なら期間限定で4000円相当のプラグインも無料で付いてきます。

また当サイト限定特典も多数セットにしているので、今すぐにでも稼ぎたい、結果を出したい人はまずこの通常版のAFFINGER5(アフィンガー5)を試してみましょう。

AFFINGER PACK3(WING対応)

AFFINGER5(アフィンガー5)と『AFFINGERタグ管理マネージャー3』『ABテストプラグイン』2つのプラグインのセットになったオールインワンパックで価格は39,800円。単品で買うより13,600円お得!

どの記事からどのように読者が行動しているのかが丸見えになり導線を貼りやすくなるので費用対効果が高いセットになります。

  • この記事を書いた人

hachi

副業ブロガー / 現役看護師【経歴】国立大学▶︎公務員(保健師)▶︎縦社会と副業禁止で退職決意▶︎精神科看護師▶︎4サイト運営し月4万円収益まで到達(2021年5月現在)▶︎●嫁1太郎1姫と暮らす

-AFFINGER6カスタマイズ