Showing usage of the Inspector
Let’s use the Inspector in the GFG site to inspect and modify the HTML and CSS code of the site.
Step 1: Using Firefox, visit the GFG site and then locate the inspector in the DevTools.
Step 2: Use the Inspector to view HTML and CSS code or modify it and view the live changes in the page.
Inspector Tool in Mozilla Firefox
The Inspector in Firefox is used to inspect and modify the HTML and CSS code of the web page. The inspector provides the DOM section, where you can view the HTML and modify the DOM by editing or deleting the elements. The inspector also displays the CSS code of the selected elements in the Rules pane and also provides other panes such as layout, computed, changes, compatibility, fonts, and animations, which helps a lot of developers deal with various aspects of the CSS code.
Table of Content
- Benefits of the Inspector Tool
- How do I open the Inspector in Firefox?
- How do I use the Inspector?
- Various features of the DOM Section
- Pane’s Section
- Showing usage of the Inspector
- Conclusion
Contact Us