Even allow folding up this bar etc. at the top of the screen, so we can e.g., emulate an iPad all day, without ever having to be aware we are still in Developer Tools.

Deleted: df.jpg 13.5 KB

	df.jpg 13.5 KB View Download

P.S., see those three dots at right? Well please add to that menu: "Exit Developer Tools".
Otherwise we can't get out fast enough... we have to find the control window, and kill that.

I think adding an "Exit Developer Tools" option to the device emulation menu makes sense and should be straightforward to add.

We can explore UX ideas around having the device emulator take up the full viewport.

I am not sure it's a good idea to reduce DevTools UI around device mode. It should be absolutely obvious to the user why the page looks different due to device emulation.

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/7dcd69b71e3a7e8210f68cc6830730a4f2790bb9

commit 7dcd69b71e3a7e8210f68cc6830730a4f2790bb9
Author: Erik Luo <luoe@chromium.org>
Date: Tue May 22 18:51:26 2018

DevTools: add DeviceMode menu option to close DevTools

Screenshot: https://imgur.com/a/e1J1Cyp

Bug:  803891 
Change-Id: Ibc1ffb9990dcc76d16dce0128b0dc84b74b0c929
Reviewed-on: https://chromium-review.googlesource.com/1068264
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Commit-Queue: Erik Luo <luoe@chromium.org>
Cr-Commit-Position: refs/heads/master@{#560716}
[modify] https://crrev.com/7dcd69b71e3a7e8210f68cc6830730a4f2790bb9/third_party/blink/renderer/devtools/front_end/emulation/DeviceModeToolbar.js
[modify] https://crrev.com/7dcd69b71e3a7e8210f68cc6830730a4f2790bb9/third_party/blink/renderer/devtools/front_end/emulation/module.json

We did not reach a UX solution that involved Device Mode without the main DevTools window, but the patch in #7 addresses the need to exit DevTools without having to hunt for the main DevTools window.