free bootstrap template

View Web Page's HTML Source

Are you web-curious and want to take a peek at the source code of any website on the internet? If so, you are not alone. How to view HTML source codes from ANY webpage on an iPhone (or another iDevice–iPad or iPod Touch.) Please follow instructions exactly from your iPad or iPhone

Mobirise

Step 1

Tap Safari (iPhone, iPod, or iPad), if it is not already open, and visit this page. This method also works for Chrome

Mobirise

Step 2

Select the Share Button (also known as the Action button):

Mobirise

Step 3

Tap Bookmark:

Mobirise

Step 4

Choose the Name Field and hit the X icon to clear it and name it “Show Page Source” and then tap “Save.”

Mobirise

Step 5

Now visit this page and select all and copy the javascript code: (code credit: Rob Flaherty)

Mobirise

Step 6

Confirm that the code you copy from Rob’s site looks the same as this (but copy from this page NOT from below):
javascript:(function(){var a=window.open(‘about:blank’).document;a.write(‘’);a.close();var b=a.body.appendChild(a.createElement(‘pre’));b.style.overflow=’auto’;b.style.whiteSpace=’pre-wrap’;b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

Mobirise

Step 7

Tap the Bookmarks icon and tap Edit:

Mobirise

Step 8

Select the “Show Page Source” bookmark you just created in step # 4:

Mobirise

Step 9

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


That’s it! Now you can use go to any webpage using mobile Safari (and Chrome) on your iDevice (iPhone, iPod, or iPad), tap the Bookmarks icon then tap the Show Page Source bookmark, and a new window opens displaying the source code of the webpage. Awesome and Easy!