List of bookmarklets for mobile web debugging
Posted on July 4, 2011 by Shi Chuan
Although we can’t install Firebug or ySlow on iPhone for mobile web front-end debugging, but every cloud has a silver lining, here is a list of bookmarklets come to the rescue.
Firebug Lite Stable – this is the main distribution channel. The Stable Channel is updated with features and bug fixes once they have been properly tested in the Beta channel.
Firebug Lite Debug – the Debug channel uses the same version as the Stable channel but with different pre-configurations to make it easier to debug Firebug Lite itself.
Firebug Lite Beta – the Beta channel is where the new features and fixes are polished. It should be considerably stable (no known regression), but it may contain some bugs and some features may be incomplete.
Firebug Lite Developer – the Developer channel is where the ideas get created and tested. Once it is tied directly to our code repository you’ll get the most recent code possible and will receive updates much more frequently than other channels. At the other hand, the Developer channel can be very unstable at times and the initial load can be slower.
YSlow for Mobile/Bookmarklet – YSlow for Mobile works as a bookmaklet. Users can now run the equivalent of regular YSlow in Mobile browsers as well as any bookmarklet enabled desktop browsers.
Mobile Perf bookmarklet – a cool mobile bookmarklets ‘boilerplate’ by Steve Sounder
How to use these?
They all work more or less the same way. For those that don’t have a clear instruction on how to use. Here is a step by step instruction that can be applied to all these bookmarklets: http://stevesouders.com/mobileperf/iphonesteps.php
Got a better one?
All of these are now listed on Mobile Boilerplate’s wiki section, if you know a better one, feel free to add to the list. https://github.com/shichuan/mobile-html5-boilerplate/wiki/Mobile-Bookmarklets