Menu

12 december 2010

iPad: De source code van een webpagina bekijken

Als webdesigner of admin van een website kan het soms wel eens handig zijn om de source code van een webpagina te kunnen bekijken. In tegenstelling tot de OS X versie van Safari heeft Mobile Safari hier standaard geen optie voor.

Door een klein stukje javascript in een bookmark te plaatsen kan je de deze functionaliteit echter wel zelf toevoegen aan de Mobile Safari webbrowser van je iPad. De source van de webpagina zal dan binnen de browser in plain-text worden weergegeven.

Volg de onderstaande procedure:

1. Door op de onderstaande link te tappen verschijnt er een stukje javascript, kopieer deze naar het klembord van je iPad (Selecteer alles ▸ Kopieer).

Toon Source code

2. Maak van een willekeurige webpagina een nieuwe bladwijzer (bookmark) aan en geef deze bijvoorbeeld de naam ‘+Source’ of iets dergelijks. Op dat moment is het niet mogelijk om de url te wijzigen dat doen we in de volgende stap.

3. Bewerk de zojuist aangemaakte bladwijzer en vervang de url door de gekopieerde code uit stap 1.

Dat is alles, wanneer je nu een webpagina bezoekt en de zojuist aangemaakt bladwijzer gebruikt dan wordt de source code van de webpagina getoond.




Gerelateerde tips:




Reacties


  • Eelco Deuling 12 december 2010 om 12:51

    Heel handig! Er zijn aardig wat programma’s (ook gratis) die dit voor je kunnen doen maar dit scheelt weer aardig wat gedoe.

  • MatthiasL 12 december 2010 om 13:03

    Werkt dit ook op de iPhone?

  • Frans Maassen 12 december 2010 om 14:57

    Net getest! Werkt goed, ook op iPhone!
    Thanks

  • Mark 12 december 2010 om 16:08

    Misschien kun je het combineren met dit reload script? Dan hoef je de pagina niet op te slaan als bookmark.

  • Mark 12 december 2010 om 16:11

    Hm, sorry, dat werkt niet helemaal. Hier dan: http://easy-upload.nl/f/MxG2SP7l

  • Desiree 20 oktober 2012 om 19:44

    Werkt ook op iPad 3 met IOS 6 !
    Bedankt voor de tip.

Een reactie toevoegen: