Chrome made some interesting devtools updates, here is a list of the ones that sticked out
Logpoints
As developers we love to debug our application with writing console logs everywhere, well I got good news, this is no longer needed with the latest version of chrome you’ll be able to add logpoints through the devtools!
Detailed toolstips for your dom elements
In earlier version of chrome when you hover over a node, you’ll see the node type and the size. In the newer version you’ll be able to see the color, font, margin and contrast!
Code folding
To enable code folding press F1 to open the settings and scroll to the sources section and check the ‘code folding’ checkbox. You’ll now be able to fold code in your sources tab.
Frames tab is now Messages Tab
Frames tab is the place where you used to check the websockets upstream and downstream messages. This tab is now called Messages. All the functionalities are still the same.
More information can be found on
Happy coding!
