I understand. There are a lot of things that mean nothing to me. Sort of like going about my daily job I guess. Easier to do than to explain the order. Here ya go...
With your iphone or ipad copy and paste that code >> while on the same page you just copied the code bookmark the Sitepoint page >> rename it to "View Source" >> Save and exit >> Now on your iphone/ipad click on your bookmarks icon >> navigate to the folder you bookmarked "View Source" >> Click Edit in top right (on ipad) >> Click "View Source" bookmark you just made >> Click in the box under the name of "View Source" (AKA the URL address) >> Select all and backspace to delete >> paste in your code you copied in first step >> Exit >> load up a page >> and click the "View Source" bookmark you made >> If you did it right it should show the source code for the page.
Lot of steps I guess for a simple thing.
As a side note: You can do the same thing with firebug light.