Don't miss out on the action at this year's Chrome Dev Summit, streaming live on YouTube. Watch now.

Improved DOM breadcrumbs

An improved breadcrumb trail for the DOM

Did you know the Elements Panel has a Breadcrumb trail? It can help you trace your steps when you navigate the DOM.

In Canary, you can enable the Material Design experiment. A few nice things:

  • The breadcrumb trail looks better from a visual point of view.
  • The trail has improved visibility with it being nearer to the top, rather than at the bottom where it is easy to forget about.
  • Overall, the DevTools UI feels more consistent.

Don't forget, you can click each "crumb" within the breadcrumb trail. Doing this highlights the relevant DOM node in the DOM tree view.