Explaining Chrome Developer debugging controls
In this section, we will see each button in the Chrome Developer Developer Tools to review the available functions you can perform with the debugger.
- The Page Inspector(1) icon: This icon, a magnifying glass, is the HTML Inspector. When you click on it, the mouse cursor will identify HTML elements on the web page. So, when the mouse hovers over anything on a website, the element will be outlined in blue and the HTML panel will open up and show you the element your mouse is over.
- The Toogle Device mode(2) icon: This is when you need to test different mobile screen resolutions or you want to use simulation ...