How do I view page source in Safari?

Discussion in 'iPad Apps' started by ardchoille, Dec 8, 2012.

  1. ardchoille
    Offline

    ardchoille iPad Addict

    Joined:
    Apr 21, 2012
    Messages:
    1,186
    Thanks Received:
    201
    Trophy Points:
    63
    Location:
    Seattle, Washington
    Ratings:
    +218 / 1
    While surfing the web on my iPad mini I came across a few sites that look great. I'd like to view the page source of the site so I can learn how some of the page elements were done, particularly the CSS. This would help me improve my own website.

    Is there a way to view page source in Safari on the iPad mini?
  2. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    No way to do it in Safari.

    The Atomic web browser is fairly cheap (99 cents), and will let you view the page source. There is a free, lite, version as well. I don't know if that feature is included, but probably. So you can test it and see if it's what you need.

    All you need to do is copy the URL when you see a page you are interested in and then paste it into Atomic.

    As a bonus, Atomic can change it's browser ID. That means website can be fooled into thinking that it is a desktop browser. Useful for when you want to bypass a mobile site that offers no link to the desktop version. Hold in mind that the desktop version may not work well, which is the normal reason to not offer the site, but in your case you may want to be able to see it and see the source anyway.

    I'm sure there are other third party browsers that will view the source; however, it is the only one I have that does it, or does it easily enough that I did not need to dig into settings to find the option.
    • Like Like x 1
  3. ardchoille
    Offline

    ardchoille iPad Addict

    Joined:
    Apr 21, 2012
    Messages:
    1,186
    Thanks Received:
    201
    Trophy Points:
    63
    Location:
    Seattle, Washington
    Ratings:
    +218 / 1
    Thank you for that info. I have seen others here recommend Atomic Browser for different reasons so I am going to try it.
  4. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    I mostly use Safari, but I keep a few other's with specialty features, just in case.
    • Like Like x 1
  5. ardchoille
    Offline

    ardchoille iPad Addict

    Joined:
    Apr 21, 2012
    Messages:
    1,186
    Thanks Received:
    201
    Trophy Points:
    63
    Location:
    Seattle, Washington
    Ratings:
    +218 / 1
    Very good practice!

    I just installed the lite version of Atomic Browser and was blown away at the huge feature set. So, I uninstalled it and bought the paid version - it's one of those apps that's so good I jumped at the chance to support the developer. Thank you so much for recommending this wonderful browser.. solved my problem :)
  6. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    You are welcome.
  7. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    Want to view the source code of a web page in mobile Safari on your iDevice?

    Bookmark any page then edit it, name it 'View Source' and change the address to this:

    Damn emoticons! Sub the :( for a : and a (

    1. Open Safari.
    [​IMG]

    2. Go to any web page (google as an example).
    [​IMG]

    3. Once there add the page as a bookmark.
    [​IMG]

    3a.
    [​IMG]

    3b.
    [​IMG]

    4. Rename the page to 'View Source' and save it.
    [​IMG]

    4a. So it looks like this.
    [​IMG]

    5. Tap 'Edit'.
    [​IMG]

    6. Select the bookmark you renamed earlier so that you can edit the address.
    [​IMG]

    7. Remove the address and paste the JavaScript from the top of my post.
    [​IMG]

    All done ;) So, now no matter which web page you are viewing you can simply select 'View Source' from your bookmarks and the source code will open in a new window :)

    Enjoy
    Last edited: Dec 11, 2012
    • Like Like x 2
  8. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    Did not know there was a bookmarklett for this. Thanks.
  9. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    No, never bothered looking as I use the above hehe

    PS
    Added screen grabs to my last post to help describe it a little easier.

    Hope it helps someone.
  10. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    • Like Like x 1
  11. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    Ah ok thanks :) I misread your post. I thought you said, "Did you know there was.."

    Not up on the buzz words I guess lol
  12. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    I've posted a link to this thread on there - thanks for the heads up on the other bookmarklets ;)
  13. KevinJS
    Offline

    KevinJS Super Moderator Staff Member

    Joined:
    Aug 6, 2011
    Messages:
    10,266
    Thanks Received:
    763
    Trophy Points:
    113
    Location:
    Edmonton AB Canada
    Ratings:
    +865 / 0
    You can disable emoticons in posts if you use the website view of iPF. It's in the list of options under the posting window.

    Sent from my iPad using iPF
  14. twerppoet
    Offline

    twerppoet iPad Legend

    Joined:
    Jan 8, 2011
    Messages:
    16,543
    Thanks Received:
    2,079
    Trophy Points:
    113
    Location:
    Walla Walla, WA
    Ratings:
    +2,423 / 1
    No problem. That's what I get for not using complete sentences. ;)
  15. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    I only get these:
    [​IMG]

    Attached Files:

  16. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    Thanks for the like by the way :)
  17. KevinJS
    Offline

    KevinJS Super Moderator Staff Member

    Joined:
    Aug 6, 2011
    Messages:
    10,266
    Thanks Received:
    763
    Trophy Points:
    113
    Location:
    Edmonton AB Canada
    Ratings:
    +865 / 0
    Sorry. I missed a bit. You need to go advanced first.


    See screenshot.



    image-2036322683.jpg

    Sent from my iPad using iPF
  18. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    Ahh prob an option on the iPad version as that was the advanced section lol

    I'm on my iPhone :)
  19. DarkRavenMoon
    Offline

    DarkRavenMoon iPF Novice

    Joined:
    Dec 26, 2011
    Messages:
    50
    Thanks Received:
    7
    Trophy Points:
    0
    Ratings:
    +7 / 0
    Ignore me I found it - had to go to my list of forums page as opposed to the posting page of this forum..

    [​IMG]
  20. KevinJS
    Offline

    KevinJS Super Moderator Staff Member

    Joined:
    Aug 6, 2011
    Messages:
    10,266
    Thanks Received:
    763
    Trophy Points:
    113
    Location:
    Edmonton AB Canada
    Ratings:
    +865 / 0
    Let's have a butchers!



    image-3158911394.jpg

    Yup! Works on the iphone too. Touch the title of the thread to enter website view.

    Sent from my iPhone using iPF

Share This Page

Search tags for this page
how do i find a page source in safari
,
how do i see source code on safari
,
how do i view page source on my apple
,
how do i view source in ipad
,

how do i view source in safari

,
how do you view page source on mac
,

how to do view source in safari

,
how to view page aource in safari
,
how to view page source code on ipad
,
how to view page source in ipad mini
,

how to view page source in safari

,
how to view page source in safari 10
,
how to view source on ipad
,
ipad safari view page source
,
ipad safari view source
,

safari page source

,
safari version 7 no view source
,
view page source
,

view page source in safari

,

view page source safari