In Mundoapps.net bringen wir es dir bei Öffnen und überprüfen Sie den Quellcode einer beliebigen Webseite, verwenden Google Chrome auf Mac oder Windows. Eine neue Registerkarte wird zusammen mit dem gesamten HTML-Code für die Webseite geöffnet, vollständig erweitert und unformatiert.
Wenn Sie nach einem bestimmten Element oder Teil in der HTML-Quellcode, ist die Verwendung von View Source mühsam und umständlich, insbesondere wenn die Seite viel JavaScript und CSS verwendet.
Überprüfen Sie die Quelle mit Entwicklertools
►Das könnte Sie auch interessieren: So deaktivieren Sie Pop-ups in Google Chrome◄
Diese Methode verwendet das Entwicklertools-Bedienfeld in Chrome und ist ein viel saubererer Ansatz zum Anzeigen von Quellcode. Der HTML-Code ist hier dank der zusätzlichen Formatierung und der Möglichkeit, Elemente, die Sie nicht anzeigen möchten, zu reduzieren, einfacher zu lesen.
- Öffnen Sie Chrome und rufen Sie die Seite auf, die Sie überprüfen möchten. Drücken Sie dann Strg + Umschalt + i. Ein angedocktes Bedienfeld wird neben der angezeigten Webseite geöffnet.
- Klicken Sie auf den kleinen grauen Pfeil neben einem Element, um es noch weiter zu vergrößern.
- Wenn Sie nicht standardmäßig den vollständigen Code der Seite sehen möchten, sondern stattdessen ein bestimmtes Element des HTML prüfen, klicken Sie mit der rechten Maustaste auf diese Stelle auf der Seite und klicken Sie dann auf „Inspizieren„.
- Wenn das Panel diesmal geöffnet wird, geht es direkt zu dem Codeabschnitt, der das Element enthält, auf das Sie geklickt haben.
- Wenn Sie die Position des Docks ändern möchten, können Sie es nach unten, links, rechts verschieben oder sogar in einem separaten Fenster abdocken. Klicken Sie auf das Menüsymbol (drei Punkte) und wählen Sie dann aus, ob Sie in einem separaten Fenster andocken möchten, links andocken, unten andocken oder rechts andocken möchten.
Das ist alles, was Sie tun müssen. Wenn Sie mit dem Anzeigen des Codes fertig sind, schließen Sie den Tab „Quelle anzeigen“ oder klicken Sie im Entwicklertools-Bereich auf das „X“, um zu Ihrer Webseite zurückzukehren.
►Lesen: So entsperren Sie Websites in Google Chrome. TUTORIAL 2020◄
Fazit
In Mundoapps.newir hoffen du hast es gelernt So zeigen Sie HTML-Code in Google Chrome anWenn Sie der Meinung sind, dass etwas erwähnt werden muss, hinterlassen Sie Ihren Kommentar.
