devtools-tips icon indicating copy to clipboard operation
devtools-tips copied to clipboard

A collection of useful cross-browser DevTools tips

Results 29 devtools-tips issues
Sort by recently updated
recently updated
newest added

https://store.app/ is like an App Store for PWA apps. It'd be nice to have Devtools tips added to the store front. It involves domain verification, so only the owner of...

Right now the tips are in reverse creation time order, like a blog. You can also look at categories, but there are only a few broad categories, and the tips...

enhancement

Currently no info here, but the Edge Devtools docs have a page about this tab: [Developer Resources]((https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/developer-resources/developer-resources)) It's to view info about (at least) sourcemaps and is exactly the same...

new tip

The Sensory option to emulate Idle states also exists in Edge right?

when there is no preference for reduced motion, it would be fun to add an animation with more flourish that zooms the image from the page to the lightbox and...

enhancement

When we update a tip, we usually update its date too. But doing so means moving it right back at the top of the list, both on the site and...

enhancement

Safari and Chrome have `scroll` badges now. Not sure about Edge, but I imagine that it would either have them or will have them soon, but I've left it out...

Although the method listed does not work on Safari, it has a built-in way of disabling `debugger` statements.

Safari's inspector has a Grid Areas checkbox as well. Seems to work on eg. https://gridbyexample.com/examples/code/example11.