An update to my favorite Firefox add-ons and some other tools I’ve found to be useful:
These add-ons are mainly aimed for web development and debugging mainly bit not limited to mobile devices.
First off I’ve started using Live HTTP Headers. As the name suggests it lets you see the http headers. Now why would anyone want to do that you may ask. Well debugging is the answer. Sometimes when you are trying to access third party servers you may not understand what’s going on. Maybe it just hangs. Well looking at the http header allows you to see exactly what is going on with the request being made and the responses received or the lack or responses etc.
Another interesting application to this end is Charles. Charles is a HTTP proxy that allows one to delve really deep into the http requests. Unfortunately Charles isn’t open source. However, it is certainly worth the 50$ if you do much debugging.
Enough with http headers..
Web Developer is also a great bundle that adds many a tools for (you guessed it) Web development. Also available for Chrome.
Another multi-platformer is YSlow . Which is mainly used to gauge the speed of web pages. It also gives suggestions and displays some cool statistics about a page. So basically it tells you why a page is slow hence YSlow oh and of course because it is developed by Yahoo!
What else…
So I have been mainly developing pages for Webkit or to be more specific for the iPhone and Android which use Webkit browsers natively. Although Firefox exists for the Android, it isn’t nearly used as much as Webkit browsers like Chrome or Safari. So I’ve been using Safari and Chrome (Mainly Safari) for most testing. I do as always revert to Firefox for a more in-depth analysis of the pages or for developing the http headers as I mentioned above. O.K. I’ve been digressing from the subject. What I was trying to get to with this is that sometimes one needs to develop a web-app or a website for a specific device or a set of specific devices with specific displays and one wants to test what the pages will look like on a few different resolutions in some easy way (Mobile developers out there, are you getting my drift?). For situations like this there is a useful add-on for Safari named Resizer. Basically it does what the name suggests, it allows the user to resize the window to specified sizes with a click of the mouse.
So that’s it! I hope that al least some of what I wrote was useful. Please leave a comment if you want to add anything or disagree with anything. It will be much appreciated.
Until next time…
letrest
disclaimer etc. Image pretty much copied from http://www.mobilemarketingwatch.com/ which was found by a simple image web search