Firebug tutorial


May 25, 2021 04:00 Firebug


Table of contents


Firebug tutorial


What is a Firebug?

Firebug is an open source web development tool.

In this chapter we'll discuss the following:



Install Firebug

Firebug Download Address: https://addons.mozilla.org/en-US/firefox/addon/1843/

Use Firefox browser to access the above download address, open the page, click the download button, there will be a window page, prompt the installation of the directory, after installation to restart your Firefox browser.

After the restart, you can see the Firebug icon in the Firefox browser. Click on the Firebug icon (in the upper right corner of the Firefox browser) to activate the Firebug plug-in.

Firebug tutorial



Firebug components

Firebug option

Firebug tutorial

Tap Check elements on the page

Firebug tutorial

Undo and restore

Firebug tutorial

The command line is displayed

Firebug tutorial

Console

Firebug tutorial

HTML panel

Firebug tutorial

CSS panel

Firebug tutorial

Script panel

Firebug tutorial

DOM panel

Firebug tutorial

Network panel (for web speed measurement and optimization)

Firebug tutorial

Other buttons

Firebug tutorial

  • 1 - Minimize Firebugs.
  • 2 - Install Firebug in the browser window.
  • 3 - Deactive Firebug.