Firebug is a nice tool basically developed as firefox extension.Although it is a firefox extension now it also developed as a google chrome extension.Firebug using for debug the web applications.It is help to find the errors in web pages.It shows the html codes and other web page related stuff itself.So user can edit the code and see the results in real time.
Many of web developers use this extension because of the easyness of usage.Also quality assurance people also use this to find element xpath and other related details for testing purposes.So it is really need to having some basic knowledge about this usefull tool.In this post i will give a basic introduction about it.
First of all let's install firebug in firefox.
1.Open firefox browser
2.Go to below link and click install firebug button
http://getfirebug.com/
when install it some popup will come and ask to allow the program.So you have to allow it.After installing firefox asks to restart.So click restart to restart the firefox.
3.After firefox restarting, see the right hand bottom corner of the fire fox.you will see an icon like below.
4.click on that icon.Then firebug will open.
5.Open a any web page and click on the firebug icon.Then firebug window will open.After that right click on an any element of the web page and click inspect element option from the popup menu.
Then all the details about that element will show in the firebug window.Such as element id,name etc..
Also you can edit the html code and see the changes in the webpage in real time.
This is only a basic introduction.If you really interest you can go through some tutorials in the internet.I hope to post another post about how to develop our own extension for firefox and firebug.
Many of web developers use this extension because of the easyness of usage.Also quality assurance people also use this to find element xpath and other related details for testing purposes.So it is really need to having some basic knowledge about this usefull tool.In this post i will give a basic introduction about it.
First of all let's install firebug in firefox.
1.Open firefox browser
2.Go to below link and click install firebug button
http://getfirebug.com/
when install it some popup will come and ask to allow the program.So you have to allow it.After installing firefox asks to restart.So click restart to restart the firefox.
3.After firefox restarting, see the right hand bottom corner of the fire fox.you will see an icon like below.
4.click on that icon.Then firebug will open.
5.Open a any web page and click on the firebug icon.Then firebug window will open.After that right click on an any element of the web page and click inspect element option from the popup menu.
Then all the details about that element will show in the firebug window.Such as element id,name etc..
Also you can edit the html code and see the changes in the webpage in real time.
This is only a basic introduction.If you really interest you can go through some tutorials in the internet.I hope to post another post about how to develop our own extension for firefox and firebug.
0 comments:
Post a Comment