Chrome検証ツールで他デバイスの画面サイズをエミュレートする（ための情報の調べ方）

※キーボードショートカットはMac版Chromeの場合の情報です。

手順

1. 検証ツールを開く。（F12またはCommand+Shift+i）
2. Toggle device toolbarを表示する。（Command+Shift+m）
3. デバイス選択欄（初期値が「Responsive」のところ）をクリックして、**Edit...**を選択する。
4. **Add custom device...**ボタンを押す。
5. 必要情報を記入して、Addボタンを押す。
6. デバイス選択欄をクリックして、追加したデバイスを選択する。

必要情報の調べ方

エミュレート対象の機種がオンラインの場合

IPアドレスや画面解像度など確認くんから下記項目を確認する。

エミュレート対象の機種がオフラインの場合

1. 検証ツールを開く。（F12またはCommand+Shift+i）
2. Consoleタブに切り替えて、下記を入力（＝取得）して調べる。

Width: window.document.body.clientWidth
Height: window.document.body.clientHeight
Device pixel ratio: window.devicePixelRatio
User agent string: window.navigator.userAgent