サイトのスマホ表示をPCで簡単にチェックする裏技‥!

こんにちは!MOMOTAです。

サイトのスマホ表示チェックは、
Webブラウザで簡単にできるって知っていましたか?

これを知っていると
表示チェック作業がかなり時短できますよ♪

 

たったの2クリックでスマホ表示チェックが可能!

スマホ表示を簡単にチェックする条件が
1点だけあります。

ブラウザは『グーグルクローム』を使用しなければいけません。

クロームは快速ブラウザだし、
拡張機能(アドオン)を追加することで
かなり快適にブラウジングすることが出来ます。

クロームを使っていない方は
これを機に変えてみてはいかがでしょうか(^^

 

では早速、スマホ表示を
ブラウザで簡単にチェックする方法を解説します。

 

 

当然ですが、スマホ表示をチェックしたいサイトを
クロームで開きます。

そして、キーボードの「F12キー」を押して、
デベロッパーツールを開きます。

(もしくは右クリックで「検証」を開く)

 

 

ブラウザの画面左か画面下に
英字でわけがわからない文字列が表示されます。

 

(クリックで拡大します)

 

このデベロッパーツール内にある「スマホマーク」をクリックします。

するとサイトの表示が以下のような画面になります。

 

(クリックで拡大します)

 

次に「Responsive」をクリックします。

 

(クリックで拡大します)

 

すると、スマホの様々な機種が選択できます。

スマホ表示を確認するなら、
所有率の多い「iPhone 6」でチェックしましょう!

 

(クリックで拡大します)

 

そして、最後に必ず「更新ボタン」をクリックして、
表示しているページを更新しましょう。

「F5キー」でもOKです!

次回からは「F12キー」を押せば、
「iPhone 6」の操作まで記憶されています。

なので、キーボードの「F12キー」と「F5キー」の2タッチで、
スマホ表示が一瞬で確認できます!

これは超使えるので必ず覚えておきましょう(^^

 

もちろんSIRIUSやWordPressのプレビュー画面も、
この方法でスマホ表示をチェックできます。

アップロードする前に
スマホ表示がチェックできるのでめっちゃ便利です♪

 

P.S.

Firefoxでもアドオンを追加すれば、
同様の操作が可能みたいです。

詳しくはググって下さい!

 

MOMOTAの無料メルマガで、アフィリエイトテクニックを公開中!

MOMOTAメルマガ

アフィリエイト初心者MOMOTAが、1年半後にどうやって月100万円以上を稼げるようになったのか
テクニック・収益が跳ね上がったきっかけ・思考など包み隠さず伝えていきます。

メルマガ登録特典として『サイト暴露レポート』を配布します。このレポートではMOMOTAが実際に稼いだLUREA実践サイトと手法を暴露して解説しています。

氏名 
メールアドレス 

コメントを残す