In this post, we’ll take a look at some of the very useful developer tools available in Google Chrome.
If you press F12 Chrome Dev Tools will open up. Here you will be able to see the source files of the webpage you are on, the console with erros, warnings and messages, memory usage, networking, …
We’ll have a quick overview of some of the usefull chrome dev tools.
Note: You can find the official documentation here.
Testing Responsive Design
By right-clicking an element, you will get a whole list useful of things you can do to it. The Copy submenu has this enables you to easily get a path