SSブログ

【超簡単】google chrome(バージョン54 )でスマホビューを確認する方法

ブログを見るときは何で見ていますか?
私は主にPCですが、スマホからアクセスしてる人のが多いんです。


でも、スマホっていろんな大きさの画面がありますよね?

それぞれの画面でちゃんと表示されてんの?って思うことがあるんです。


レスポンシブデザインってやつで、ほぼ問題ないくらいに表示をプログラム側で整えてくれますが、行間改行とか強調の感じとか、画面の大きさが変わることで不自然になる場合もあります。



ということで、知っている方も多いと思いますが、自分用メモとして
「google chrome限定、スマホビューでの確認の仕方」をご紹介します。ものすごく簡単なのでご参考になりましたら幸いです。

           
           
           


↓①右上のマルをクリック


setsumei.png
※クリックで拡大表示します。

↓②その他ツールにカーソルをのせる


setsumei2.png
※クリックで拡大表示します。

↓③デベロッパーツールをクリック!


setsumei3.png
※クリックで拡大表示します。

↓④下にウインドウが出るので矢印のところをクリック!


setsumei4.png
※クリックで拡大表示します。

↓⑤こんな画面がでるので矢印のところをクリック!


setsumei5.png
※クリックで拡大表示します。

↓⑥そうすると、いろいろな機種が出てきます。表示させたい機種でクリック!


setsumei6.png
※クリックで拡大表示します。

↓⑦ココ大事です!更新ボタンを押します。表示も100%にしましょう


setsumei7.png
※クリックで拡大表示します。

↓⑧自分のページを表示してみます


setsumei8.png
※クリックで拡大表示します。



以上です


表示させてみたところ、結構大きな問題が発覚しました。
その話はまた後日。
nice!(101)  コメント(2)  トラックバック(0)  [編集]
共通テーマ:パソコン・インターネット

nice! 101

コメント 2

ぽちの輔

コレを使えば自分のブログがどう見えてるか確認できる訳ですね。
やってみます^^
by ぽちの輔 (2016-11-22 07:18) 

ぽんちゃん

ぽちの輔さま
広告が邪魔じゃないですか?どうにかならないですかね~
by ぽんちゃん (2016-11-25 09:41) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

トラックバック 0

トラックバックの受付は締め切りました
Copyright © その他大勢 n のつぶやき All Rights Reserved.
当サイトのテキスト・画像等すべての転載転用、商用販売を固く禁じます

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。