CSC/ECE 517 Fall 2013/ch1 1w11 sv: Difference between revisions
Jump to navigation
Jump to search
| Line 8: | Line 8: | ||
Firebug can be installed as a Add-On/Plugin for Firefox. Firebug compatibility for different version of Firefox can be looked [https://addons.mozilla.org/en-US/firefox/addon/firebug/ here]. | Firebug can be installed as a Add-On/Plugin for Firefox. Firebug compatibility for different version of Firefox can be looked [https://addons.mozilla.org/en-US/firefox/addon/firebug/ here]. | ||
Version for other | Version for other browsers is under development. | ||
To activate Firebug, any of the following operations can be used. | To activate Firebug, any of the following operations can be used. | ||
<ul> | <ul> | ||
<li>Click F12 | <li>Click F12 => Activates Firebug on same window as a bar at the bottom. | ||
<li> Right click on the webpage and click on " | <li>Click Ctrl+F12 => Activates Firebug on a separate window | ||
<li> Right click on the webpage and click on "Inspect Element with Firebug". | |||
</ul> | </ul> | ||
== Panel Description == | == Panel Description == | ||
Revision as of 18:01, 16 September 2013
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 browsers is under development.
To activate Firebug, any of the following operations can be used.
- Click F12 => Activates Firebug on same window as a bar at the bottom.
- Click Ctrl+F12 => Activates Firebug on a separate window
- Right click on the webpage and click on "Inspect Element with Firebug".