In diesem wikiHow zeigen wir dir, wie du mit einem Computer den HTML-Quellcode eines visuellen Elements auf einer beliebigen Webseite in Google Chrome inspizierst.
Schritte
Schritt 1. Öffnen Sie Google Chrome auf Ihrem Computer
Das Chrome-Symbol sieht aus wie eine farbige Kugel mit einem blauen Punkt in der Mitte. Sie finden es in Ihrem Anwendungsordner auf einem Mac oder in Ihrem Startmenü unter Windows.
Schritt 2. Klicken Sie auf das Symbol mit den drei vertikalen Punkten
Diese Schaltfläche befindet sich neben der Adressleiste in der oberen rechten Ecke Ihres Browserfensters. Es öffnet sich ein Dropdown-Menü.
Schritt 3. Bewegen Sie den Mauszeiger über Weitere Tools im Dropdown-Menü
Es öffnet sich ein Untermenü.
Schritt 4. Klicken Sie im Untermenü Weitere Tools auf Entwicklertools
Dies öffnet die Inspector-Spalte auf der rechten Seite Ihres Browserfensters.
Alternativ können Sie den Inspektor mit einer Tastenkombination öffnen. Diese Tastenkombination ist ⌥ Wahl+⌘ Cmd+I auf Mac und Strg+Alt+I unter Windows
Schritt 5. Bewegen Sie den Mauszeiger über ein Element in der Spalte Inspektor
Wenn Sie Ihre Maus im Inspektor auf ein Element oder eine Linie bewegen, wird das ausgewählte Element auf der Webseite hervorgehoben.
Schritt 6. Klicken Sie mit der rechten Maustaste auf ein Element, das Sie auf einer beliebigen Webseite überprüfen möchten
Ihr Rechtsklick-Menü wird in einem Dropdown-Feld angezeigt.
Schritt 7. Wählen Sie im Dropdown-Menü Prüfen aus
Dadurch wird die Inspektorspalte nach oben oder unten zum ausgewählten Element gescrollt und dessen Quellcode hervorgehoben.
