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