Mozilla Devtool Tips #05 - HTML Inspector

Hello everyone! I hope you are having a great day!

In today's video, we will be diving a bit deeper than we have in previous videos. Its all about the power of the HTML Inspector this time! Now the HTML Inspector is the default panel view when opening the devtools, and its a cornerstone to all developer tools. So what makes Mozilla's implementation so nice? A few things.

Mainly the display and event tags that show up next to an element that has one of these items associated with it. See which items are flex, toggle grid view for items that have grid, and pull up event listener scripts in pop-up modal windows. Search your mark-up for keywords, tags, classes, ids, anything really. Toggle a 3 pane view.

I really enjoy having these little features in the devtools, these shortcuts help the workflow a ton. So make sure to check them out!

Thank you so much for watching! If you enjoyed this, come back and check out my next video where we tackle the Style Editor!

Make sure to Like - Comment - Subscribe for more awesome RabbitWerks javascript and web development videos!
_______________________________________
MOZILLA FIREFOX QUANTUM (Mozilla Developer Edition) https://www.mozilla.org/en-US/firefox/developer

_______________________________________
RabbitWerks js Website
http://bit.ly/rabbitwerks-site

_______________________________________
Twitter
http://bit.ly/rabbitwerks-twitter

_______________________________________
MUSIC CREDIT
https://incompetech.com/music/

Видео Mozilla Devtool Tips #05 - HTML Inspector канала RabbitWerks JavaScript