chrome で UA を切り替える方法、または console drawer が表示出来ない場合の対処方法。
Google Chrome で UA を切り替えて、テストや開発をすることってよくあるのですが、新バージョンになってから切り替え方が変わっていたのでメモ。 私の環境では、console drawer という設定を変えるためのサブウインドウを開くのにハマったのでメモしておきます。
バージョン
バージョン 32.0.1700.102 m
手順
- F12(もしくはメニューから ツール-デベロッパーツール)を押す。
- 表示されたデベロッパーツールの右上に位置する、Setting ボタンを押す
- 歯車のアイコン
- 左側のメニューから Overrides をクリックし、Show 'Emulation' view in console drawer のチェックボックスをオンにする。
- Setting を閉じる。
- デベロッパーツールの右上に位置する、console drawer のアイコンをクリック
- 注意!この時、デベロッパーツールで Console タブを開いているとクリックしても反応しません。
- Elements や Network など、別のタブを選択してから、アイコンをクリックします。
- console drawer が開きます。console drawer のタブで Emulation タブをクリックします。
- 後は、煮るなり焼くなり。。
ご参考まで。