When being a web developer there are several occassions where you need to analyse things like code, stylesheets, headers and responses (that you get from for example ajax requests) in a simple way. You could always check the source code, the JavaScript console or navigate to the css-file but sometimes the error messages are cryptical and hard to solve and then a more advance tool can come in very handy.
Using the tools presented below will help you and ease your work a great deal. You can for example easily switch between the source code, style sheets, JavaScript console, headers or requests or responses by a single click.
There is one superior over all in my opinion and this one is called Firebug and is an extension for Firefox. Install this and learn how it works if you haven’t. It will most definately be of very good assistance to you.
Firebug:
Another one is Microsofts tool, the IE Developer Toolbar.
Internet Explorer Developer Toolbar:
I also took a look at what Google had and there is a built in JavaScript console in which you can find some help as well although not as detailed. This one is built in and can be found in the menu.
Chrome:
For those of you that didn’t know, you can debug JavaScript by writing to the console in an easy way. Use the tools to read the console after running the scripts.
| console.debug(“This is a test…”); |
Related posts:
