Tutorials

HTML-Quelltext einer Website auf dem Android-Smartphone anzeigen – schnelle Tricks und Methoden

Melden

Dieses Tutorial zeigt dir verschiedene Wege, wie du den HTML-Quelltext einer Website direkt auf deinem Android-Smartphone anzeigen kannst. Da mobile Browser (wie Chrome oder Firefox) im Gegensatz zur Desktop-Version meist keinen direkten Menüpunkt "Seitenquelltext anzeigen" haben, nutzen wir kleine Tricks.

Methode 1: Der "view-source"-Trick (Funktioniert in Chrome & Firefox)

Dies ist die schnellste Methode, die keine zusätzliche App benötigt.

  1. Öffne deinen Browser (z.B. Google Chrome).
  2. Navigiere zu der Website, deren Quelltext du sehen möchtest.
  3. Tippe oben in die Adresszeile (URL-Leiste).
  4. Setze den Cursor ganz an den Anfang der URL.
  5. Schreibe folgenden Präfix direkt vor die Adresse: view-source:
    • Beispiel: Aus https://www.google.com wird view-source:https://www.google.com
  6. Drücke die Enter-Taste (bzw. den Pfeil auf der Tastatur).

Ergebnis: Der Browser lädt die Seite neu und zeigt dir den reinen HTML-Code an.

Methode 2: Online-Tools nutzen (Bessere Lesbarkeit)

Wenn der Quelltext im Browser zu unübersichtlich ist, kannst du Web-Tools nutzen, die den Code formatieren ("Syntax Highlighting").

  1. Kopiere die URL der gewünschten Website.
  2. Besuche eine Seite wie Code Beautify oder Online HTML Viewer.
  3. Füge die URL in das Eingabefeld ein und klicke auf "View Source".
  4. Diese Tools bieten oft Funktionen wie Zeilennummern und farbliche Hervorhebungen.

Methode 3: Android-Apps für Entwickler

Wenn du öfter Quelltexte analysieren musst, empfiehlt sich eine spezialisierte App aus dem Google Play Store.

  1. Suche im Play Store nach "HTML Viewer" oder "Inspect and Edit HTML".
  2. Empfehlenswerte Apps sind z.B. HTML Viewer oder Inspect and Edit HTML Live.
  3. Vorgehensweise:
    • Öffne die App.
    • Gib die URL ein.
    • Oft kannst du hier sogar Elemente direkt anklicken, um den zugehörigen Code zu finden (ähnlich wie mit F12 am PC).

Methode 4: Der Bookmarklet-Trick (Für Fortgeschrittene)

Du kannst dir ein "Lesezeichen" erstellen, das auf Knopfdruck den Quelltext anzeigt.

  1. Erstelle ein beliebiges Lesezeichen in Chrome.
  2. Bearbeite das Lesezeichen (Name: "Quelltext anzeigen").
  3. Ersetze die URL des Lesezeichens durch diesen JavaScript-Code:
    javascript:(function(){var w=window.open('about:blank');w.document.write('<pre>'+document.documentElement.innerHTML.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'</pre>');w.document.close();})();
  4. Wenn du auf einer Website bist, tippe in die Adresszeile den Namen deines Lesezeichens ("Quelltext anzeigen") und klicke darauf. Der Code öffnet sich in einem neuen Fenster.

Zusammenfassung: Welche Methode ist die beste?

  • Schnell mal nachsehen: Methode 1 (view-source:).
  • Code analysieren & kopieren: Methode 2 (Online-Tools).
  • Regelmäßige Arbeit/Debugging: Methode 3 (Spezielle Apps).

Hinweis: Beachte, dass moderner Web-Code oft durch JavaScript (z.B. React oder Vue) dynamisch generiert wird. Mit view-source: siehst du nur das initiale HTML, das vom Server kommt, nicht unbedingt das, was gerade live auf dem Bildschirm gerendert wird. Dafür wäre eine "Inspect Element"-App nötig.

0