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

By: Ed

Ed — Wed, 10 Apr 2013 21:42:27 +0000

Interesting trick, but this farms out the source generation to an outside site, apparently losing all dynamic device-specific content.

By: Phil

Phil — Sun, 07 Apr 2013 08:58:04 +0000

thank you this is very helpful

By: Dave

Dave — Mon, 18 Mar 2013 07:05:30 +0000

I agree – cute toy, not a serious tool

By: Kelly

Kelly — Sat, 23 Feb 2013 14:38:42 +0000

Thank you So Much! Works beautifully you’re the best!

By: Chris

Chris — Thu, 31 Jan 2013 18:58:40 +0000

Good hack. If you want it to display the enclosing tags, change ‘innerHTML’ to ‘outerHTML’ in the bookmarklet. otherwise it will display only the head and body tags and all their contents.

I needed to be able to see the html tags specifically on the iPad, because of a library I was using that dropped classes into the html tags based on the type of browser and device, in order to verify that it was working.

By: Richard

Richard — Fri, 18 Jan 2013 14:04:29 +0000

Fradrock you’re right, but you’re also wrong.
I use my mac to develop websites, but a lot of the time, I’m not at home to use it, and don’t have a MacBook, yet, so I want to use my ipad.
I found a fantastic little app called Textastic that works just like dreamweaver – allows me to code, highlights each different language correctly, shows errors in code and allows me to control uploads and downloads via FTP. Is it wrong to want to be able to view the source code natively as well? After all, they do advertise the ipad as a replacement to a laptop – it’s not, it’s more of a complement, but that’s how they advertise. Chengduflu is wrong in saying that its not ready for work.. It is, but there will always be outlying cases that aren’t happy with what they have, and demand more.

Hans – Apple say what is and isn’t included.

By: Nicolas

Nicolas — Sat, 07 Jul 2012 06:51:07 +0000

Nice trick! But, …
There’s easier way. App store has the app called “HTML Viewer”. It’s free and you can switch the site any time. Search tool is included as well.

By: Send Current Webpage to Chrome from Safari in iOS with a Bookmarklet

Send Current Webpage to Chrome from Safari in iOS with a Bookmarklet — Sun, 01 Jul 2012 20:00:05 +0000

[...] way to add functionality to Safari that otherwise is impossible, allowing you to do things like “View Source” from Safari in iOS, adjust font sizes of web pages, and even run Firebug lite in iOS. This particular one has circled [...]

By: Peter

Peter — Mon, 11 Jun 2012 11:04:19 +0000

iPhone safari bookmarks don’t recognise the curly brace character in the JS, and it’s not available via editing. What to do?

By: Change the Font Size of Web Pages in Safari for iOS with Bookmarklets

Change the Font Size of Web Pages in Safari for iOS with Bookmarklets — Fri, 11 May 2012 16:07:52 +0000

[...] it with a javascript that changes on page behavior, similar custom bookmarklets have allowed us to View Page Source in iOS Safari and even use Firebug on [...]

By: gondor

gondor — Sun, 01 Apr 2012 19:09:03 +0000

Here’s the PHP code if you want to host this yourself

http://ole.michelsen.dk/blog/wp-content/uploads/2011/07/viewsource.txt

You need GESHI installed too (syntax highlighter)

http://qbnz.com/highlighter/

By: Fradrok

Fradrok — Sun, 01 Apr 2012 02:35:10 +0000

Hmm. View Source on a browser page (Safari being one of a gazzilion apps out there) as a “not one click away” feature means that iOS isn’t ready for serious work? Two different products. Plus, you CAN see the source by using the tip outlined above … with Safari and iOS.

Are you wanting to use your iPad to develop websites? I normally use my Mac, then test on the iPad by clicking refresh.

Well said, Hana.

By: Barkdust

Barkdust — Sat, 31 Mar 2012 17:05:42 +0000

this works on Android devices too

By: Alotus

Alotus — Sat, 31 Mar 2012 06:18:45 +0000

Is very cool I like it a lot

By: Brandon

Brandon — Sat, 31 Mar 2012 03:04:40 +0000

I found this one and it works:

javascript:(function(){var a=window.open(‘about:blank’).document;a.write(‘Source of ‘+location.href+”);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))})();