Most of the tools will be Windows based since this is my primary development platform.
I shall demo on some of the cool and interesting tools I use on a day to day basis. I consider them life savers for me. I could do a huge writeup on many of these tools. For now I'll provide a short list and descriptions of each tool.
- Fiddler is a debugging proxy. I consider this a must have! This tool is a freeware tool utilizing .NET and developed by Eric Lawrence who works at Microsoft for the IE team. The major thing that this tool does is that it shows all those things that are going on behind the scenes inside your browser. Specifically what URL(s) are loaded that are part of the page. It allows you to see what cookies are used, how fast the page loads, any missing files/pages/images/etc as well as diagnose various problems with the website. It's also scriptable and extensible via extensions quite a few of which are available from the program website. There's also a version of this tool that could be placed on removable media and used to troubleshoot things when you can't do a full install.
There are also a number of tools that run inside the browser and help us troubleshoot and diagnose issues with pages inside the browser.
Firefox has a number of add-ons:
- this add-on requires Firebug and is produced by Yahoo. It analyzes page download times and shows how long your page loads as well as suggests some things to make things work quicker. - another add-on that depends on Firebug. This one is being actively developed and is trying to assist PHP developers with debugging and troubleshooting problems.
- Web Developer extension for Firefox. This is also a must have. This has been around for a number of years and is used by many designers. It has a ton of various web development tools that assist web designers with web design and layout.
- this is also something that I've been using for some time. We also bought a couple of licenses. This one is quite similar to Firebug for firefox. It has a sidebar that allows you to analyze and navigate the DOM tree and do a ton of other great stuff. Recently they are also making it available for FREE for personal use.
- another great freeware add-on for IE. Contains a ton of tools including ASP.NET debugging (which I haven't had a chance to use). It also does network/script capturing and DOM tree navigation and a number of other great features.
- this is a tool from Microsoft that tries to add some things that should have been in there in the first place. It's a little weak in some places, but it's free.
This should be most if not all the tools that I tend to use quite often. I hope you like these tools and gain some benefit of finding and starting to use some of these. Are there any tools that are not on this list and deserve to be on this list? Post a response and let me know about them and why they should be listed here.
Update: Here is ato a list of tools that is recommended by the guys who develop IE. This list is catered to Internet Explorer users though.