Do you use responsive images, lazy loading, or other optimizations? If not, why not? What affects your decisions?
Answer a few simple questions to help us understand your needs, and what we can do to make your life easier. Get Started

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.