DevTools Tips

Edit an element's attributes and tag name with the keyboard

Categories: Supported by:

Using the keyboard can be faster than using a mouse in certain cases (and for some people). One such case is editing an element's tag name and attributes in DevTools.

To do this, select an element in the Elements tool (called Inspector in Firefox) and:

GIF animation of a part of the Inspector panel in Firefox, showing how pressing Enter on a focused element goes into edit mode and how Tab allows to navigate from field to field