Chromeコンソールドロワーの新しい[エミュレーション]タブはどこにありますか？
私は頻繁にChrome開発者ツールでIPhoneやIPadなどの他のデバイスをエミュレートしますが、最後のバージョン（32.0.1700.76 m）にアップグレードした後、オーバーライドタブのすべてが消えて置き換えられます「コンソールドロワーに「エミュレーション」ビューを表示する」というチェックボックス。
このチェックボックスをオンにしても、コンソールドロワーの[エミュレーション]ビューは有効になりません。 [コンソールの表示]ボタンは無効になっているようです。
詳細については、 here を参照してください。
開始する前に、開発ツールコンソールを開きます（Mac cmd-option-iで）
- 開発ツールコンソール内で[設定]パネルを開きます（右側の歯車アイコンをクリックします）
- 「コンソールドロワーに「エミュレーション」ビューを表示する（このステップを既に実行したように見える）をチェックして、画面を閉じる
- 開発ツールコンソールの[ソース]タブに切り替えます
- Escキーを押して、下からスライドする画面を表示します
- その2番目の画面で[エミュレーション]タブを選択します
上記のリンクには次のような注意事項も記載されています。
注：DevTools内のエミュレーションツールは、以前は[設定]パネル内の[上書き]ペインに含まれていました。エミュレーションパネルは、新しい[上書き]ペインです。
Chrome（または最新のEdgeバージョン Chrome Canary ）をインストールすると、Chromeの開発者ツール内で適切なモバイルエミュレーションを実行できるようになります。通常は右クリック>要素の検査
私のような視覚学習者のために、私は完全なスクリーンショットを含めました。
Google Chromeバージョン58.0.3029.110を実行しています。このバージョンでは、Emulationは使用できませんが、すべての機能は引き続き使用できます。
デバイスとスクリーン
Ctl + shift + mを押すか、Toggle device toolbarをクリックすると、ブラウザタブの中央上部にあります。 （More optionセクションにさらにオプションがあります。）
ユーザーエージェントとセンサー
ユーザーエージェントの名前はNetwork Conditionsに変更され、Customise and control DevTools> More tools> Network conditionsにあります。 Sensorsは同じ場所にもあります（つまり、Customise and control DevTools> More tools> Sensors）。
「コンソールドロワーにエミュレーションビューを表示する」メッセージがわかりにくい。
通常、chrome devツールバータブをコンソールタブとして選択するか、コンソールタブで確認しようとします。
問題は、コンソールタブを選択してもコンソールドロワーが開かないことです。
私はそれを解決したようです。 Chrome Canary（バージョン34.0.1789.0 canary）にアップグレードすると、問題は解決しました。
http://www.google.co.uk/intl/en/chrome/browser/canary.html
私はこの問題に遭遇し、ここでの答えにもかかわらず、それを理解するのに時間がかかりました。バージョン37.0.2062.103 mです。まず、このバージョンでは、[上書き]ペインはなく、[コンソールドロワーに[エミュレーション]ビューを表示することもありません。デフォルトでオンになっています（推測）、少し非表示になります。開発モード（現在はデフォルトでオンになっているかどうかはわかりません）下部に「エミュレーション」を含む4つの「タブ」が表示されます。タブは、ステータスバーのように見えるため、引用しました。誤ってペインのサイズを変更するまで、クリックしても何も起こりません。
甘い...この動作（デバイスエミュレーションとデバッグモードの実行）は、Linux Ubuntu上のChromiumで、F12キーを押してから引き出しアイコンを押すことで機能します。 :)
詳細： スクリーンショットを含む詳細情報