- About the author
- Questions and Issues
- Edit and Contribute
- Introduction
- 1. Basics
- 2. Elements
- 3. Network
-
4. Sources
- 4.1. Pretty Print
- 4.2. Editing Content
- 4.3. Local Modifications
- 4.4. Workspaces
- 4.5. Debugging
- 4.6. Restart Frame
- 4.7. Long Resume
- 4.8. Skipping Frameworks
- 4.9. Conditional Breakpoints
- 4.10. Uncaught Exceptions
- 4.11. Asyncronous Stacktraces
- 4.12. Store as Global
- 4.13. WebWorkers
- 4.14. SourceMaps
- 4.15. Snippets
- 5. Timeline
- 6. Profiles
- 7. Audits
- 8. Console
- 9. Mobile
- 10. Extensions
- 11. Custom Skins
- Generated using GitBook
Elements
DOM Tree
- As you hover over elements in the DOM tree, they will automatically highlight on the page.
- The path to selected element is displayed at the bottom of the window.
- Inspect a specific element with the
or by right clicking an element on the page and click Inspect Element - Options to edit the content of the DOM are available from the context menu (right click).
- Drag and drop DOM nodes.
- It can be very useful to copy the CSS or XPath to a selected element.
- Modification can be undone by
ctr+z ctl+alt+clickon a DOM node to auto expand all children of an element.