Chromeのデベロッパーツールでデヴァイス毎の表示を確認する方法

Tweet

[`yahoo` not found]

Share on Tumblr

[`evernote` not found]

Pocket

Google Chrome で、各デヴァイスでの表示を確認していきましょう。

1． Google Chrome で、ページを開く。

2． メニューの【その他のツール】→［デベロッパ　ツール］をクリック。

3． [ Toggle device toolbar ] ボタンをクリック。

4． 赤い箇所をクリックし、各デヴァイスでの表示を確認。

5． レスポンシブモード

レスポンシブモードにすると、ドラッグすることにより、画面サイズを変更できる。

Tweet

[`yahoo` not found]

Share on Tumblr

[`evernote` not found]

Pocket