Skip to main content

Firebug - Firefox web development Tools

By





Firebug is an add on for firefox browser. This addon is a great boon for all the web developers.Firebug makes the modifications directly on the browser memory and hence any changed made will be reflected immediately on the webpage.

Some of the extradinary featrues of Firebug.



Console Tab.

This tab displays the list of errors caused due to the Javascript or request and response failure. It will list the javascript which has caused the error along with the line numbers. This will help you to identify the errors to correct it.

Edit HTML.

You can edit the html generated for the page. You want to decide few things like the height, width of the table or for any other object, it can be achieved using Firebug. You can change the values which will reflect immediately on the browser. With this you can make on how you want the page to look in the browser and then set it in your code level.When you click on any object in the HTML Code it will highlight it on the browser for you to confirm that you are editing the right one.


Debug Javascripts

You can directly debug the javascripts associated to the current viewing page. There is a tab called as scripts in firebug which will list all the javascripts assoicated to the page. You can choose the Javascript which you want to debug and proceed further by keeping breakpoints. Usual debuggin options like step into, step over , Run are available within.

Edit CSS.

You can directly edit the css of the page. This helps you to identify the colors, font sizes and other css related information of the page. It gives you the option to change the values and you can get the look and feel of the page when you change it. Like say you wanted to try different colors for the buttons or fonts, change it in the css in firebug and you will see it runtime in the browser.

Best of All is the Dom Inspector.

This gives the complete information of DOM and you can edit the values during the runtime which will be reflected in the browser immediately.


Download Firebug
Labels:

Comments

Post a Comment

Popular posts from this blog

Honda recalls Jazz and City Cars

By
Automobile Giant Honda recalls 646,000 Fit/Jazz & City cars worldwide because of its window switch defect which could lead to fire.Yesterday it was Toyota and today its Honda. Whats the problem ? Under some severe operating conditions, water or any other liquid may enter the driver's window and reach the master power window switch resulting in impaired function of the switch. If the master power switch is damaged then it may lead to fire and and threat to life. There were three reported cases of fire due to the defect two in America and one in South Africa. Jazz in India wont be hit Honda spokesperson in India said it wont affect Jazz in India because the hatchback sold in India are next generation model and the defects pertains only to the previous generation models which was not sold to India.
Post a Comment
Read more

Helping an Employee Who’s Struggling with Postpartum Depression

By
Going back to work is tough for any new parent, but the transition is especially difficult for those suffering from postpartum depression. (Remember, postpartum depression affects both women and men.) If you manage someone who has recently had a baby, pay close attention to how they’re doing — a parent’s struggle doesn’t always show on the outside. Some people may overcompensate by working too hard, while others may show a loss of enthusiasm. Familiarize yourself with the services your firm offers — which may include groups for working parents, health care coverage for counseling, or post-natal yoga or meditation classes — so that you can help your employee access support. Offer options such as flex time, telecommuting, gradual return, or peer mentoring. In fact, it’s a good idea to offer these things to all team members so that the new parent doesn’t feel singled out. Find ways to make supporting employees and their mental health part of your culture. Adapted from " What Managers...
2 comments
Read more

Encourage Employees to Learn by Sharing Your Own Growth

By
As a manager, it’s your job to make sure everyone on your team keeps learning. But beyond encouraging people to take classes and go to conferences, how do you do it? A good starting point is to talk about your own development. When managers open up about their personal areas for improvement, it becomes more acceptable for everyone else to do the same. Ask yourself these questions, and share the answers with your team: “What areas do I need to grow the most in? What insights have I found helpful in accomplishing these goals?” And when you come back from a workshop or training, don’t resort to the typical “It was interesting” summary — be specific. For example, you might say, “I thought I was a good listener, but now I can see that this is a growth area for me. The training showed me new ways to interact with others, and although they aren’t necessarily comfortable for me, I’m going to try them out.” Adapted from " Make Sure Everyone on Your Team Sees Learning as Part of Their Job ,...
28 comments
Read more