My Cyber Tricks

Tuesday, July 17, 2012

How to “View Source” from Safari on an iPad or iPhone or iPod

7/17/2012 Posted by Unknown
Filed Under: Apple, iPhone, Tips 'n' Tricks

Hello! many times I say it to myself that iPhone sucks but really it's not true. iPhone is the best smartphone in the world. It just have some barriers allocated by its software otherwise it is a powerful device. I don't know why Apple doesn't remove these barriers as this will help them to enhance their device's functionality. But i think they will still keep these restrictions because they want their devices to be organised and simpler to use.

Sometimes I become very disappointed from iPhone when i like to view the source code of a blog or a webpage from iPhone when i am at couch! But from iPhone i cant do this after a great search i found a way that "how can we see source of a webpage from iPhone/iPod/iPad". So today i will share this trick with you which will enable you to see source codes of all webpages in safari. It doesn't needs any application or tweak to do this you can do it very simply from safari web browser! Isn't it cool? hmm..I know it's great. Now head to the tutorial.

Steps:

1.)Open Safari from your iDevice and browse the page that you want, lets say I open MyCyberTricks.com, once it's completely loaded, move to next step.

How to view page source code from iPhone/iPod/iPad

2.)Now add this page to bookmarks by clicking "Add Bookmark". After adding it to bookmarks. Get back to Safari.

3.)Now enter the code quoted below in URL Box:

javascript:(function(){var d=window.open("about:blank"),a=d.document;a.write("<!DOCTYPE html><html><head><title>Loading Source</title></head><body></body></html>");a.close();var b=a.body.appendChild(a.createElement("form"));b.setAttribute("method","post");b.setAttribute("action","http://ole.michelsen.dk/viewsource/?uri="+location.href);var c=b.appendChild(a.createElement("input"));c.setAttribute("type","hidden");c.setAttribute("name","DOM");c.setAttribute("value",encodeURIComponent(document.documentElement.innerHTML));b.submit()})()

4.)Now Click go and a new page will open with presenting you the Source Code in an iPhone Browser!

Done! You got that source page. It will exactly look like above screenshot. And this code will be copy-able.

Now bookmark this post and share this post as it is a bonus for us. If you like our posts and find our tutorials helpful then visit us regularly for some more tech spice!

Comment Share Like