簡単にスマホ画面表示が出来るChrome拡張機能と使い方！

この記事では、簡単にスマホ画面表示が出来るChrome拡張機能と、その拡張機能の使い方について解説していきます。

あなたは、ブログ運営をしているときに、

パソコンからスマホ画面の表示できないかな？

と、考えたことはありませんか？

ネット利用の約8割がスマホ検索と言われていますので、スマホ画面で見やすい記事などをその都度チェックできると便利ですよね。

これ結論からお伝えしますと、

それでは詳しく見ていきましょう。

サブスク自動集客ツール

「売り上げが伸びない…。」など、集客ができずに悩んでいませんか？

ツールをポチッとするだけでほったらかしで集客できてしまうツール。

月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。

→　ほったらかしでも集客できるツール

1クリックでスマホ画面を表示できる「MobileLayouter」の使い方！

簡単にスマホ画面表示が出来るChrome拡張機能、「MobileLayouter」の使い方はコチラです。

それでは1つ1つ見ていきましょう。

step
1「MobileLayouter」のインストールページを開く

まずはスマホ画面表示ができる、拡張機能「MobileLayouter」のインストールページを開きましょう。

→　「MobileLayouter」はこちら

step
2「Chromeに追加」をクリックする

インストールページを開いたら、右上にあります「Chromeに追加」をクリックしましょう。

step
3「拡張機能を追加」をクリックする

「Chromeに追加」をクリックしたら、上に確認画面が表示するので、「拡張機能を追加」をクリックしましょう。

step
4「右上のアイコン」→「表示させたいスマホ画面」をクリックする

すると、GoogleChromeの右上にありますツールバーに、アイコンが追加されるので、

と、この手順で進めてください。

iPhone（スマホ）の画面表示

iPadの画面表示

と、このように、スマホの名前をクリックするだけで、そのスマホの画面表示に変更出来ます。

スマホの種類の追加や画面の向きの表示！

「右上のアイコン」をクリックして、表示される、

このように、お使いのスマホの種類や画面の向きでも表示が出来ますので、クリックして設定をされてみてください。

複数のスマホ画面を表示できる「mobile browser emulator」の使い方！

スマホ画面が表示できるChrome拡張機能、「mobile browser emulator」の使い方はコチラです。

それでは1つ1つ見ていきましょう。

step
1「mobile browser emulator」のインストールページを開く

まずは、複数のスマホ画面を同時に表示できる、「mobile browser emulator」のインストールページを開きましょう。

→　「mobile browser emulator」はこちら

step
2「Chromeに追加」→「拡張機能を追加」をクリックする

インストールページを開いたら、

と、この順番で進めていきましょう。

step
3右上のアイコンをクリックして表示させたいスマホ画面を選択する

「拡張機能を追加」をクリックしたら、Chromeの右上に追加されたアイコンをクリックして、表示させたいスマホ画面を選択するだけです。

また、上記画像のように複数のスマホ画面を表示することが出来ます。

左から、

と、複数のスマホ画面を表示できるのです。

【拡張機能を使わない！】Chromeのブラウザからスマホ画面を表示する方法！

拡張機能を使わずに、GoogleChromeの設定から簡単にスマホ画面を表示する方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1「︙」→「その他のツール」→「デベロッパーツール」をクリックする

まずは、GoogleChromeの右上にあります、

と、この順番で進めていきましょう。

step
2「スマホ画面のアイコン」をクリックする

すると、右に表示されたメニューの中にあります、「スマホ画面のアイコン」をクリックするとスマホ画面で表示が簡単に出来るのです。

簡単にスマホ画面表示が出来るChrome拡張機能と使い方のまとめ

まとめますと、

以上が、簡単にスマホ画面表示が出来るChrome拡張機能と使い方についてでした。

是非、意識してチャレンジしてみてください。