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

こんにちは!MOMOTAです。

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

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

 

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

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

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

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

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

 

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

 

 

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

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

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

 

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 

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

 

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

「F5キー」でもOKです!

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

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

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

 

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

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

 

P.S.

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

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

 

【収益を一気に加速させる】MOMOTA式アフィリエイト講座

MOMOTAメルマガ
↑ 詳細はこちらをクリック ↑

  • 【初心者必見】アフィリエイトの正しい実践手順と思考法
  • 現在も成果を上げ続けている最新ノウハウの提供
  • 検索結果の上位表示を狙う圧倒的なブラックハットSEOの暴露
  • 遠回りせずに最短ルートで月収100万円を達成させる方法  …etc.
  • 期間限定】メルマガ登録特典があります♪
氏名 
メールアドレス 

2件のコメント

  • こんにちは。
    とらきちと申します。

    こんな方法があったんですね。
    知りませんでした。
    勉強になります。

    応援させて頂きました。

    • MOMOTA

      とらきちさん、コメントありがとうございます!

      めちゃくちゃ便利ですよ!
      是非活用して下さい。

コメントを残す