part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve talked about code coverage and changes panels and today… It’s the last day of the DevTools advent calendar! It went so quick…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. …

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve played with snippets, today let’s talk about network: 61. Hide network overview Are you usually looking into the Network panel to: see that requests timeline or…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we have seen some DevTools Workspace magic, today we’ll play with snippets: 59. Snippets Sometimes I use JavaScript as automation tool to work with 3rd…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve covered several panels hidden in the DevTools Drawer, today it’s a Workspace day: 55. Edit your source files from Chrome Sometimes it’s easiest to edit the code right where…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve started looking into the drawer, today see a couple of interesting tools hidden in there. 52. Control the sensors If you are using a geolocation API…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve seem some ways to improve logs readability in the console. …

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve covered DOM and Ajax breakpoints. Today let’s start the week by going back into console! 48. For more readable logs— add brackets! If you console.log even a single variable…

part of the “Advent calendar for front-end developers” series — Over the 24 days leading to the holidays I am publishing short articles with tips on how to use DevTools in more performant and fun way. Yesterday we’ve had some “guest tips”. Today let’s look into some ways to trigger a breakpoint. 45. DOM breakpoints Is Some script changing a part of your…