Browser developer tools

[Video Tutorial] Firefox Developer Tools Tutorial

In this post, we will look into developer tools available in the Mozilla Firefox browser. Here I have consolidated videos which describe how to use these developers tools.

Browsers are not just used to view web pages and It has so many tools which make the life of developers simple.

Web Console

 ———————————————————————————————–

Debugger

 ———————————————————————————————–

Performance

 ———————————————————————————————–

Responsive Design Mode

 ———————————————————————————————–

Memory

 ———————————————————————————————–

Eyedropper

 ———————————————————————————————–

Taking Screenshot

 ———————————————————————————————–

Scratchpad

 ———————————————————————————————–

Style Editor

 ———————————————————————————————–

Shader Editor

 

Reference:

  1. https://developer.mozilla.org/en-US/docs/Tools