Improved DOM breadcrumbs
bookmark_borderbookmark
Stay organized with collections
Save and categorize content based on your preferences.
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.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2015-07-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2015-07-23 UTC."],[],[]]