Mobile Web Page: View Source Bookmarktlet
Written on Friday, April 15, 2011
You beauty! I just had to share this with you all simply for the amount of man-hours this can save all of us working on mobile web design.
Turns out you can now view the source of any mobile web page simply by installing the Mobile Perf bookmarktlet, in combination with the Docsource bookmartlet in your mobile browser. More from the author:
That’s right – I created the new Docsource bookmarklet for viewing the page’s document source. It’s a piece of core functionality that is indispensable for analyzing websites. You can add the Docsource bookmarklet by itself, but I encourage you to add the Mobile Perf bookmarklet to get the entire collection of mobile bookmarklets.
Installation
MOBILE: Install the Mobile Perf bookmarklet on mobile devices as follows:
- click this link: Mobile Perf bookmarklet
- bookmark this page
- edit the bookmark URL and remove everything up to and including the hash (“
#“) so that the bookmark URL starts with “javascript:“Here are step-by-step instructions for iPhone.
Just tried this myself, and it's pretty cool.. Here's my screenshot:

I must admit I was totally unaware something like this existed (probably cause I haven't designed a mobile website in a while now), so that doubles the excitement. For those of you who were already aware this is an option, forgive my enthusiasm - just think how you'd react if you'd just found this out.
If you enjoyed this post Subscribe to our feed




Good job. Thanks for sharing!
Hugeindia
it's pretty cool..
thanks for sharing..
it is cool, isn't it??
i was well chuffed to find this out... :)
Nice post. To design a web page is a bit difficult thing. I really liked you post. Thanks for sharing.