Firebug

Firebug is an add on to the Firefox, it enables the user to see the html code of the web page.

What ever the build code finally the webpage will be rendered in html code only.

For example : an webpage is developed using SAP but how to handle it with selenium ???

It is simple just check the webpage whether the code is developed by SAP, nopes ..if you check the source you will see only html nothing else because webpage will be rendered in html only.

Who asked your stupid theory ..why the heck we are using firebug tell me that ?

1.Fine.Have you ever right clicked on the banking websites ?
You might get below error ,right clicks are restricted in money handling and secured website, at that time we cannot see the source by right clicking.

right click on banking application : chercher.tech

1.1.Right click restricted on railway sites.(IRCTC.co.in) right click on railway application : chercher.tech

2.Some webpages gives an customized right click like email (gmail,yahoo,hotmail) you might see options like open,copy,move,mark as read,mark as un read,delete ..but you will not see inspect element option or view source options.

right click on Gmail  : chercher.tech

Outlook
right click on outlook : chercher.tech

3.When an application open only in Internet explorer ?
Like SAP applications, Project specific applications, most of the projects uses Internet Explorer because it is secured and managed.


Install Firebug

Follow Below Steps to Install FireBug:

    1.Open Firefox
    2.Go to Options
    3.Click Add-ons
goto options in firebug : chercher.tech

    4.Click On Get Add Ons
    5.Enter "FireBug" in the right top corner search box
search for firebug : chercher.tech

    6.Hit Enter Key
    7.On the results select Install Button on the firebug Result
install firebug : chercher.tech

    6.It start and completes installation in seconds the you can close the Add-On Manager Window.
completion of firebug installation : chercher.tech

Inspect Webpage

First Way
1.In firefox on the right hand top corner you can see a bug like icon

2.Click that bug icon
click on firebug : chercher.tech

3.Now an window pops at the bottom

4.Select Rectangular with cursor icon and navigate on the webpage,it will highlight webelements with blue box

inspect icon in firebug : chercher.tech

5.Now the bottom window will show you the source according to the element on which you are placing your cursor

source code in firebug : chercher.tech

6.Click on any web-element and then analyse the source

Second Way
1.Right Click on the element and select Inspect Element with Firebug.
source code in firebug : chercher.tech

Install Firepath

First Way
Follow Below Steps to Install FirePath

1.Open Firefox

2.Go to Options

3.Click Add-ons
goto options in firebug : chercher.tech

4.Click On Get Add Ons

5.Enter "Firepath" in the right top corner search box
search for firepath : chercher.tech

6.Hit Enter Key

7.On the results select Install Button on the firebug Result
install firepath : chercher.tech

6.It start and completes installation in seconds,It will ask you to Restart the firefox,Please restart it.

completion of firepath installation : chercher.tech

7.After restart click on the firebug icon,now it will pop a window at the bottom,In same window you can find Firepath at the End.

firepath option : chercher.tech

7.If Firepath does not exist there,then goto Tools->FireBug->Visible Panels-> enable Firepath.

firepath option : chercher.tech

About Author

Myself KarthiQ, I am the author of this blog, I know ways to write a good article but some how I donot have the skills to make it to reach people, would you like help me to reach more people By sharing this Article in the social media.

Share this Article Facebook
You can also share knowledge by Adding a topic here


Comment / Suggestion Section
Point our Mistakes and Post Your Suggestions
Copyright © CherCher Tech