This article explains how you to view the source code (HTML, CSS, JavaScript etc) for any webpage on your iDevices including iPad, iPhone or iPod touch. And best of all, no app required!
How to View HTML source codes on iDevices
Related: How to view HTML source code in Safari
8 Easy 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.
Keith says
Fantastic – very helpful – thanks!
Jessica says
Wow. What a hassle!
raffa says
Great! thanks
Jim Reynolds says
Once we can view a page’s source code, can we copy it? I’m not an apple person. I’m asking for a friend. She seems to be saying that she can view source code, but not copy it after “last year’s” iOS update. She uses a tablet and iOS.
Marty says
Can’t get to stage 3. It doesn’t have bookmark. So tried adding one. That doesn’t work!
Elizabeth says
Hi Marty!
Sorry these steps arent working for you. Try fully closing Safari by double tapping home, locathing safari, and then swiping up to close. Then head to settings>safari and make sure favorites is on.
If you sync with icloud, head over to Settings > iCloud > Safari > and confirm its ON.
Open Safari and try running through steps again to set a bookmark. To check bookmarks, tap the open book icon to the left of top address bar.
For more detailed instructions, check out our article on Safari and bookmarks.
Keep us updated and let us know if you still encounter problems,
Liz
Vin says
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!
Ben says
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 🙂
2meter says
Doesn’t work (anymore?)
Too bad…
Ali says
Hi
To viewing the html code is perfect but how can we copy that coding?
Is their any solution please guide me?
Thanks
Nick says
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.
Michel says
Don’t work with iOS 9.0 & 9.1!…
Cathi says
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.
Michel says
My message was erased! Here is again :
This method does not work with the New iOS 9.0!
Any solutions?
Michel says
Don’t work with iOS 9.0!… Any solutions?
Umer says
I followed all of the steps but when I go to see page source it opens a new tab which says:
Any solutions?
Haley says
Thank You! It worked. 🙂
Narender says
Hi,
How can we search the page source. No options . It was there in the earlier version.
thank you says
Thank you.
Thank you.
Thank you.
Thank you.
Joey says
Thanks man
Anamca says
Fantastic! Thanks so much, no longer have to crank computer into life just to see source code. You’re stars.
HunterJones says
Hey, thanks! Why the heck Apple took this out is beyond me. I swear… Apple, I love usually you but I HATE you sometimes.
Tania says
This is dope, this helped a lot. Thanks much! 🙂
Ben says
Thanks for this!
John says
Cool tip