Tips supported in safari
- Automatically logging name and value in console.log()
- Pause script execution when the DOM changes
- Change the color theme of DevTools
- Copy an element's XPath expression
- Copy an object from the console
- Debug popups that appear on hover using JS
- Use the debugger statement to pause script execution
- Drag and drop nodes in the DOM tree
- Evaluate XPath to find elements in the page
- Expand DOM nodes recursively
- Find all images without alternative text
- Find and export CSS changes
- Find DevTools reference documentation
- Format console messages
- Get the selected element in the console
- Highlight all the elements that a CSS rule matches
- Easily change CSS number values from the keyboard in increments of 0.1, 1, 10, 100
- Move panels to re-arrange them
- Draw a box around all elements to debug your CSS and page structure
- Persist console messages across page navigations and reloads
- Play a sound when a line of JavaScript is executed
- Prototype content changes with designMode
- Find DOM elements from the console
- Query object instances and holders from the console
- See the page in 3D
- Send feedback, ask for features and report bugs
- Simulate pseudo CSS classes
- Store a node as a variable to use it in the console
- Apply CSS styles to console messages
- Event listeners are suppressed when paused
- Unminify JavaScript code to easily read and debug it
- Console.log() for the web with logpoints
- View performance markers in order
- Zoom the DevTools UI to your liking