Note that shortcuts triggering actions within the devtools itself often require to focus the devtools to be in focus.Īnd here's a comprehensive official list of shortcuts from the Chrome DevTools. Use it while navigating in a file with arrows and toggle a breakpoint in a given line of code without losing too much focus. Toggle breakpoint in selected line - ⌘ B | Command B - having this one can speed up your debugging setup time.Use this shortcut to toggle off all the breakpoints at once. Toggle breakpoints (globally) - ⌘ F8 | Control \ - Are breakpoints getting in the way? Sometimes, we want to disable all the breakpoints at once, just for a moment. ![]() Navigate left/right - ⌘ | Control - navigating back and forth between the different devtools panels.You can press an icon to clean them up, but nothing is more satisfying than quickly blanking out the panel with a simple shortcut. Clear the console - ⌘ K or Option L | Control L - often, you'll find the devtools console flooded with logs.Use this shortcut to swiftly change the panel position to be docked at the bottom or one of the sides, for example. ![]() At the same time, you work, and the devtools panel keeps getting in the way.
0 Comments
Leave a Reply. |