not good but great

プログラミング、アート、映画・本の感想について書きます。

PC版Chromeで「Show 'Emulation' view in console drawer」にチェックを入れて、スマホサイトを確認する方法

確認手順

デペロッパーツール>歯車アイコン

Windowsの場合「Shift+Ctrl+I」でデペロッパーツールを開きます。次に、デペロッパーツールのウィンドウ右上隅にある歯車アイコンをクリックします。

Overrides>チェックを入れる

Overridesのメニューを選択します。

Show 'Emulation' view in console drawer

これにチェックを入れてください。

Elementsタブ>HideDrawer

f:id:naoyashiga:20140125103401j:plain
続いて、Elementsタブをクリックします。すると右上隅にHideDrawerボタン(上図赤丸部分)が出るので、これを選択します。

Emulation>Device

出てきたメニューのEmulationタブを選択します。左メニューのDeviceボタンを選択します。そうすれば好みのデバイスを選択できます。

Emulateボタンを押せば完了です。