Chromeの小技:PC上でモバイル表示確認

どうも、果汁1%程度です

 

今回はChromeの小技です、PC限定です

f:id:kajyu-1per:20200321130725p:plain

 ブログをPCで書いてる人はまだ

多いのではないかとおもいますが

 

Googleはモバイルからのアクセス

を重要視していくようで

 

画面の小さいモバイルサイトで

ブログがどんな表示がされてるか

気になりますよね

 

携帯を持っているのでそちらで

確認すればよいのですが

 

それもまた面倒ということで

PC上で確認する方法です

 

とても簡単、こんな感じ

 

F12キー、または、Shift+Ctrl+I(アイ)

 

こんな画面になりますね

f:id:kajyu-1per:20200401212521p:plain

 

上部のツールバーのところのこれ

でPCとスマホでの表示が切り替えられます

f:id:kajyu-1per:20200401212555p:plain


 また、こっちでは画面の縦横の切り替えができます

f:id:kajyu-1per:20200401212625p:plain

 

PCで作業しているとモバイル忘れがちですが

簡単に確認できる方法でした