1
Can I Devtools?
source link: https://www.canidev.tools/?ref=sidebar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Can I Devtools?
Can I DevTools? (53)
Chrome
Firefox
Safari
CSS (14)
Debug CSS animation
Emulate color schemes
View styles of element
Add inline styles
Edit 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
Locate styles in source
Use color picker outside window
JavaScript (6)
Debug attr change
Debug JavaScript
Debug Fetch calls
Find unused JavaScript
Debug event listeners
Disable JavaScript
Console (12)
Clear console
Output data as table
Inspect element
Style console logs
Run previous commands
Get selected node
Print object
Target iframe
Get last return value
Print stack trace
Preserve console logs
Open Console with keyboard
Other (9)
Open devtools with Keyboard
Capture node screenshot
Capture viewport screenshot
Open devtools with mouse
Detect memory leaks
Toggle Light/Dark theme
Capture full page screenshot
Search files
Report issues
Network (3)
Disable cache
Inspect Network requests
Filter multiple resources
Elements (3)
Find element with CSS selector
Find element with XPath
Drag-n-Drop element
Accessibility (5)
View accessibility tree
Find color contrast
Simulate vision deficiencies
Show tab order
View ARIA attrs
Audit (1)
Audit full page
Info
Can I DevTools is like caniuse.com but for the browser devtools, created and curated by Pankaj Parashar.
There is a lot of coverage on browser devtools just exclusively focussed on Chrome. This tool attempts to fix that by comparing and contrasting devtool features across all major browsers.
Newsletter:Get weekly tips & tricks for your favorite browser devtools,
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK