LinkedInTwitterFacebook

Firebug tool – part 001.

This tool help you to see and change online your webpage.
You can download it from firebug tool.
The official site tells us about the most popular and powerful web development tool:

  • Inspect HTML and modify style and layout in real-time
  • Use the most advanced JavaScript debugger available for any browser
  • Accurately analyze network usage and performance
  • Extend Firebug and add features to make Firebug even more powerful
  • Get the information you need to get it done with Firebug.

Today I will show you one simple example about how to use this tool.
The issue is: get the information you need to get it done with Firebug.
First you need to add this extension to your firefox browser.
Open google.com website to test it.
Then press the F12 key to open the firebug window and press Enable button.
Select the Console tab. The window is change with two areas.
One to see the result of output command and one with editbox to write your commands.
Let’s start with some commands:

This command will get infos from browser and websites.