CSS (16)
Debug CSS animation
Inspect CSS Grid
Emulate color schemes
View styles of element
Add inline styles
HWB color format
Find unused CSS
Add class to element
View computed styles
Emulate print styles
View styles for pseudo classes
View cascade layers
Autocomplete styles using values
Inspect CSS Flexbox
Locate styles in source
Use color picker outside window
JavaScript (6)
Debug attr change
Debug JavaScript
Debug Event Listeners
Debug XHR/Fetch calls
Find unused JavaScript
Disable JavaScript
Console (11)
Clear console
Output data as table
Capture screenshot from Console
Style console logs
Use labelled timer
Run previous commands
Get selected node
Target iframe
Get last return value
Preserve console logs
Open Console with keyboard
Other (9)
Open devtools with keyboard
Capture viewport screenshot
Open devtools with mouse
Detect memory leaks
Restore default settings
Capture full page screenshot
Search files in sources
Report issues
Open devtools with new tab
Network (6)
Disable cache
Filter requests by keyword
Show URL path
Inspect requests
Filter multiple resources
Filter requests by properties
Elements (6)
Find by XPath
Capture node screenshot
Find element with CSS selector
Emulate devices
Inspect dialog element
Drag Drop element
Accessibility (5)
View accessibility tree
Find color contrast
Simulate vision deficiencies
Show tab order
View ARIA attrs
Audit (1)
Audit full page
About
  1. Can I DevTools? is like @CanIUse but for the browser devtools. It is created by Pankaj Parashar and curated by the community.
  2. There is a lot of coverage on browser devtools just exclusively focused on Chrome. Can I DevTools attempts to fix that by comparing and contrasting devtool features across all major browsers.
Github / Twitter:
canidev.tools / @CanIDevTools
Newsletter:
Get weekly tips & tricks for your favorite browser devtools,
|