A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.w3resource.com/web-development-tools/firebug-tutorials.php below:

Website Navigation


Firebug Tutorial - Web development tools

Firebug TutorialLast update on August 19 2022 21:50:44 (UTC/GMT +8 hours) What is Firebug

Firebug is a free web development tool.

In this tutorial we are going to discuss following -

Installing Firebug

You can download and install Firebug from https://addons.mozilla.org/en-US/firefox/addon/1843/.

After visiting the page referenced above, click on the Download button, it shows a window to and click on the Install button there. It takes a while and asks you to restart the Firefox browser. Once rebooted, click on Firebug under Firefox(top left corner of your Firefox browser) > Web developer.

At this stage firebug is not activated. If you click that icon, Firebug will get activated.

Components of Firebug Firebug Options
Click an element in the page to inspect
Go back and forward
Show command line
Panel selector
Console
HTML Panel
CSS Panel
Script Panel
DOM Panel
Net Panel (used for profiling so useful for page speed measuring and optimization)
Buttons for other activities

1 - Minimize Firebug.

2 - Attach Firebug to the browser window.

3 - Deactivate Firebug for this site.

Next: Inspect and edit HTML and CSS with Firebug

Test your Programming skills with w3resource's quiz.




RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4