In diesem wikiHow zeigen wir dir, wie du den HTML-Quellcode der visuellen Elemente einer Webseite in Google Chrome mit einem Computer untersuchst.
Schritt
Schritt 1. Öffnen Sie Google Chrome auf dem Computer
Das Chrome-Symbol sieht aus wie ein bunter Ball mit einem blauen Punkt in der Mitte. Sie finden dieses Symbol im Ordner „Programme“auf einem Mac-Computer oder im „Start“-Menü auf einem Windows-Computer.
Schritt 2. Klicken Sie auf das Symbol mit den drei vertikalen Punkten
Es befindet sich neben der Adressleiste in der oberen rechten Ecke Ihres Browserfensters. Danach wird ein Dropdown-Menü angezeigt.
Schritt 3. Bewegen Sie den Mauszeiger über Weitere Tools im Dropdown-Menü
Danach wird das Untermenü angezeigt.
Schritt 4. Klicken Sie im Untermenü "Weitere Tools" auf Entwicklertools
Auf der rechten Seite des Browserfensters wird eine Inspektionsspalte angezeigt.
Alternativ können Sie das Inspektionsfenster mit einer Tastenkombination öffnen. Drücken Sie Option+⌘ Cmd+I auf Mac-Computern und Strg+Alt+I auf Windows-Computern
Schritt 5. Bewegen Sie den Mauszeiger über ein Element in der Inspektionsspalte
Fährt man mit dem Cursor über ein Element oder eine Linie im Inspektionsfenster, wird das entsprechende Element auf der Webseite markiert.
Schritt 6. Klicken Sie mit der rechten Maustaste auf das Element, das Sie auf der Webseite überprüfen möchten
Das Rechtsklick-Menü wird in der Dropdown-Box angezeigt.
Schritt 7. Wählen Sie im Dropdown-Menü Prüfen aus
Danach wird die Inspektionsspalte zu diesem Element nach oben oder unten verschoben. Der Quellcode des Elements wird gekennzeichnet.
