1320043 - Add Apple's TouchBar support for DevTools

Status: NEW

(DevTools :: General, enhancement, P3)

Description

[Patrick Brosset <:pbro>]

When DevTools has focused, the new MacBook Pros' TouchBar could display buttons that are useful for the current panel being used.

This might need to be a meta bug.

Some random ideas:
In the debugger, having step in/out/over, resume, pause buttons would be very useful.
In RDM, maybe something to resize the viewport.
In the animation inspector, a scrubber.
In the markup-view, buttons to add, delete, edit, hide, highlight nodes.

Comment 1

[hibatsu]

I'd love to see support for the touchbar in the debugger especially. The other ideas sound great as well.

A few suggestions:

In the network tab, we could toggle the filters in the touchbar (e.g. all/html/css/js/xhr/…).
In the performance tab, start/stop would be very useful.
In the console, maybe filters (e.g. net/css/…) and a "clear" button.

In the dev-tools in general: A shortcut to toggle the "measure" tool.

Thank you for your great work and I hope this will get implemented.

Comment 2

[Jan Honza Odvarko [:Honza] (always need-info? me)]

> I'd love to see support for the touchbar in the debugger especially. The
> other ideas sound great as well.
> 
> A few suggestions:
> 
> In the network tab, we could toggle the filters in the touchbar (e.g.
> all/html/css/js/xhr/…).

I like this idea, bug 1374223 filled for the Network monitor.

Honza

Comment 3

[Gaurav Trivedi]

A simple extension could be to enable the function keys instead of the default touchbar when developer tools window is active...

Comment 4

[Harry Twyford]

Bug 1563350 shows an example of a set of Touch Bar inputs that are only shown in a specific context: when the Urlbar is focused. The metabug for that feature (1563347) added new types of Touch Bar inputs too: labels, scroll views, and popovers (buttons that show other elements when tapped).

DevTools could either extend TouchBarHelper or consume nsITouchBarHelper in a new class (this would be harder and would require touching the Touch Bar's Objective C code, but still doable) to show certain DevTools-specific Touch Bar inputs.

I don't think I'll have the bandwidth to work on something like this for a while, but I can certainly contribute/review if anyone else wants to tackle this bug. There's new documentation if that's helpful!