Open Bug 1320043 Opened 4 years ago Updated 9 months ago

Add Apple's TouchBar support for DevTools

Categories

(DevTools :: General, enhancement, P3)

enhancement

Tracking

(Not tracked)

People

(Reporter: pbro, Unassigned)

References

(Depends on 1 open bug)

Details

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.
Severity: normal → enhancement
Priority: -- → P3
Blocks: 1313429
No longer depends on: 1313455
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.
> 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
Depends on: 1374223
Product: Firefox → DevTools
A simple extension could be to enable the function keys instead of the default touchbar when developer tools window is active...
No longer blocks: 1313429
Depends on: 1313429
Depends on: 1563350

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!

You need to log in before you can comment on or make changes to this bug.