Basics of firebug for software testers
https://www.zyxware.com/sites/default/files/styles/user_image/public/default_images/index.png?itok=2YmREnrP
BY rajula.s
4 years ago
Software-Testing
0 comments comment

Firebug, an extension of Mozilla browser is a very helpful tool to find the spacing between elements, padding, border and margin, font, font size and color of the text and many other things in a webpage. This article talks about the basic things we can perform using firebug in a tester's point of view.

Open Firebug

  • To open the firebug go to Tools > Web developer > Firebug or simply press F12 in the keyboard.
  • To check an element click the inspect button (image of a lens or small arrow) and click on the element in the webpage.
  • On clicking the element you can see that it is getting highlighted. You can see the details of that element like style, layout etc in the right most session.

Firebug to find the measurements

If you want to know the measurements given for an element, you can either click on the layout tab in the right most portion of the firebug panel or check the details displayed under the style tab. The layout gives the margin, border and padding given and the under the styles tab you can get the details like border, height, width etc. You can also edit the given height, width and try out and ensure the look and feel of the page.

For checking the font, font size and color

Suppose you want to know the font, font size and color of a text, inspect the text and click on the tab titled computed. Here you can get details like font family, font size, font weight, color etc. Here, also you can edit the size and check the readability of the text.

For checking image

On inspecting an image, you can see that the image is represented as src= "imagename.extension". We can view that image by right clicking on the name and select the option 'open in new tab'. Now you can also save the image by right clicking the image opened in the new tab.

Like this, different things that we can do in a browser which are very interesting and may be helpful for testing, checkout other testing tips, and always be in touch with us. If you want any testing help, connect with us.


RELATED ARTICLE

/themes/custom/zyxpro_light/images/placeholder.png
close

on 30th May 2012 / by anju.r
A software bug is defined as an error or failure or fault in a system or computer program that produces an unexpected or incorrect result. This is applicable for any Drupal/non-Drupal website. The bug life cycle in a Drupal website consists of steps from identification to closure of a bug. Different stages of Bug Life Cycle are: Drupal Software Testing Leave a reply Your email address will not be published. Required fields are marked *
Leave a reply
Your email address will not be published. Required fields are marked *

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type='1 A I'> <li> <dl> <dt> <dd> <h2 id='jump-*'> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
The content of this field is kept private and will not be shown publicly.
CAPTCHA This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.