This article explains how you can view the source code (HTML, CSS, JavaScript etc) for any webpage on your iOS device (iPad, iPhone or iPod touch). No app required. Here is how:
Related: How to view HTML source code in Safari
Steps:
1.Tap Safari (iPhone or iPad), if it is not already open, and visit this page.
2.Tap the Action button:
3.Tap Bookmark:
4.Tap the Name Field and hit the X icon to clear it and name it “Show Page Source” and then tap “Save”.
5.Now visit this page and select all and copy the javascript code: (code credit: Rob Flaherty)
6.Tap the Bookmarks icon and tap Edit:
7.Tap the “Show Page Source” bookmark you just created in step # 4:
8.Tap the Address Field and hit the X icon to clear it, then paste the javascript code you copied in step # 5; then tap Done.
Done! Now you can to to any web page using mobile Safari on your iOS device (iPhone or iPad), tap the Bookmarks icon then tap the Show Page Source bookmark and a new window will open displaying the source code of the webpage.
Cool tip
Thanks for this!
This is dope, this helped a lot. Thanks much! 🙂
Hey, thanks! Why the heck Apple took this out is beyond me. I swear… Apple, I love usually you but I HATE you sometimes.
Fantastic! Thanks so much, no longer have to crank computer into life just to see source code. You’re stars.
Thanks man
Thank you.
Thank you.
Thank you.
Thank you.
Hi,
How can we search the page source. No options . It was there in the earlier version.
Thank You! It worked. 🙂
I followed all of the steps but when I go to see page source it opens a new tab which says:
Any solutions?
Don’t work with iOS 9.0!… Any solutions?
My message was erased! Here is again :
This method does not work with the New iOS 9.0!
Any solutions?
I guess a change needs to be made to the script so that it will work with the new iOS 9.x updates. Can you update the page when the change is made so that I can try this again? Thanks!
Ps… I don’t mean to act demanding, this is just such a great trick and I’d like to be able to use it.
Hi
To viewing the html code is perfect but how can we copy that coding?
Is their any solution please guide me?
Thanks
Just make an ‘edit page’ bookmarklet (search google) then just select that bookmarklet after the view source bookmarklet and you will be able to select/copy etc.
Don’t work with iOS 9.0 & 9.1!…
Doesn’t work (anymore?)
Too bad…
Works perfectly in iOS 9.2.1, thank you 🙂
For everybody saying it doesn’t work, don’t forget to look at the opened tab in the background 🙂
Thank you so much!
Went past the command in red at Step 5 (view this page) a few times, but finally got through to your script to copy, and hey presto!