FireBug add-on is a Mozilla Firefox extension. You can install the FireBug extension into your Firefox browser and view the CSS, HTML files.
While Firebug is especially famous among testers and developers, it can end up being an awesome tool for newbies and learners as well.
In the case, you are thinking about how to begin, don’t stress. The below-mentioned guiding steps will teach you how you can install Firebug addon and start working on your first project on Firefox.
Thus, before utilizing it, you have to install Firebug in the Mozilla Firefox browser. Make your Mozilla Firefox browser open and dynamic, and afterward followed the steps to work with Firebug add-on.
Here are the steps by which you can install Firebug for Firefox:
Open Firefox, go to Tools > Add-ons > Get Add-ons and after that look for firebug. Now click on Install. Restart Firefox after installing.
Or on the other hand, you can go to getfirebug.com and click on “Install Firebug for Firefox” button.
Utilizing Firebug Plugin for Firefox:
The shortcut key to see the Firebug windows is “F12”. Or then again, on the other hand, you can likewise click on the firebug symbol from the status window.
When you have installed the FireBug Add-on, follow the beneath said steps:
Step 1: Launch the Firefox program, and go to google.com
Step 2: Click the ‘FireBug’ symbol on the program or press F12 key
Step 3: This will show the FireBug option, as demonstrated as follows
Step 4: Click on ‘Inspect Element’. Select any UI component and guarantee its source code is featured, as demonstrated as follows.
Step 5: The featured source code is in HTML format. This source code is required to recognize the properties of chose UI components.
Step 6: Keeping in mind the end goal to know the id property details of the chose UI component, first, examine the element by following step 4 and copy the ‘id’ details from the featured source code.
This is the short and crispy tutorial to download Firebug and provide you detailed knowledge about how to work Firebug add on Firefox. The firebug testing tool is used for web development that also helps in the monitoring, debugging and editing of any site’s CSS, HTML, DOM, and JavaScript. In Selenium, Firebug is utilized to examine the UI elements of the web application under test.
Recent Comments