Paul also had some TouchBar ideas; Paul, would you like to take this?

I just shared an internal doc with the two of you. 
I believe we're a little far away from having the Chrome plumbing to allow devtools to easily make use of this.
However I'd love to keep this issue here to track the feature and collect ideas.


Possible buttons or status indications on touchbar:
* Switch panels 
* Open command menu (ctrl shift p)
* Debugger commands (step in, out, over, etc)
* "Debugger is paused" status
* Focus in console
* Hard reload

Feel free to comment below with more ideas.

I like many of the ideas you mentioned. Some more ideas..

General:
- Toggle console drawer.
- Record/Stop recording (in particular, for Performance timeline)
- Toggle between docking modes

Elements pane ideas:
- Color picker controls.
- Numeric spinner/range for CSS styles (%, px, etc)
- Input of valid enumerated values for CSS properties (e.g. vertical-align)
- Toggle hover/focus/etc states for a selected element

Debugger:
- when on a breakpoint line, ability to get to "edit breakpoint" easily (I find myself accidentally disabling breakpoints far too often while trying to trigger double-finger for a context menu)

I didn't see that yet mentione:
- Toggle devtools button. It would behave identically to the Command-option-i shortcut, and would not be shown on the Touch bar by default. It must be added to the Touch Bar manually.

Can this issue be prioritized in some way? Particularly the "Toggle devtools button" shortcut to open Chrome DevTools.

Is there anything someone can do to prioritize, this is extremely important to me (and my coworkers).