CSC/ECE 517 Fall 2013/ch1 1w11 sv

From Expertiza_Wiki
Jump to navigation Jump to search

Debugging Using Firebug

Firebug is a tool that enables web developers to debug, edit and inspect websites' components like CSS, HTML, DOM, JavaScripts. Firebug is free and open source software

Apart from providing debugging, Firebug is also used to analyse performance of websites.

Installation and Activation

Firebug can be installed as a Add-On/Plugin for Firefox. Firebug compatibility for different version of Firefox can be looked here.

Version for other browser is under development.

To activate Firebug, any of the following operations can be used.

  • Click F12
  • Right click on the webpage and click on "inspect using firebug" Firbug can be activated on the same window or launched on new window.

    Panel Description

    Debugging

    HTML Debugging

    CSS Debugging

    JavaScript Debugging

    Summary

    References