HTML-Quellcode auf dem iPad anzeigen

13. Juni 2011, 18:13 Uhr

iPad-Nutzer haben Luxusprobleme. Flash sperrt Apple seit jeher aus. Das ist keine Überraschung mehr. Doch kürzlich entdeckte ich ein weiteres Problem: Der Quellcode einer Internetseite kann nicht angezeigt werden. Sowohl Safari als auch die Ersatzbrowser für das iPad zeigen keinen HTML-Code an. Doch es gibt einen Trick.

Um den HTML-Quelltext einer Webseite auf dem iPad oder dem iPad2 anzuzeigen, sind nur drei Schritte nötig:

1.: Zunächst muss der folgende HTML-Code markiert und kopiert werden.

javascript:(function(){
var w = window.open('about:blank'),
s = w.document;
s.write('');
s.close();
var pre = s.body.appendChild(s.createElement("pre"));
pre.style.overflow = 'auto';
pre.style.whiteSpace = 'pre-wrap';
pre.appendChild(s.createTextNode(document.documentElement.innerHTML));
})();

2.: Ist das geschehen, speichert ihr einfach diese Seite hier als “Lesezeichen” ab. Nun wird als Titel des Lesezeichens der Seitentitel “HTML-Quellcode auf dem iPad anzeigen” vorgeschlagen. Diesen Titel löscht ihr durch einen Klick auf das kleine x. Nennt das Lesezeichen einfach “Quellcode”. Nun sichert ihr das Lesezeichen.

3.: Im nächsten Schritt wählt ihr das Lesezeichen-Symbol oben im Browser aus, dann klickt ihr “bearbeiten” an. Wählt den soeben erstellten Eintrag “Quellcode” aus. Nun könnt ihr die gespeicherte URL durch das im ersten Schritt kopierte JavaScript-Snippet ersetzen. Das war schon alles.

Wollt ihr nun den Quelltext einer Seite sehen, klick ihr einfach auf das Lesezeichen “Quellcode”. In einem zweiten Tab öffnet sich die HTML-Ansicht der aktuell geöffneten Internetseite.

Noch Fragen? Dann postet einfach einen Kommentar.