Sie können Elemente auf dem iPhone schnell überprüfen, indem Sie es an einen MAC-PC anschließen, auf dem die Safari Developer Tools ausgeführt werden, oder Software von Drittanbietern wie Adobe Edge Inspect oder LambdaTest verwenden.

Apple hat mit seiner ikonischen iPhone-Reihe einen weiten Weg zurückgelegt. iOS hat einen Marktanteil von 28,27 % am weltweiten Markt für mobile Betriebssysteme, was bedeutet, dass Millionen von Nutzern weltweit iPhones für den Zugriff auf Webseiten verwenden.

Daher ist es wichtig zu wissen, wie man Elemente auf dem iPhone inspiziert, um die Funktionalität von Webseiten, die mit Safari angezeigt werden, zu verbessern und ihr Aussehen entsprechend zu ändern.

Wenn Sie nicht wissen, wie das geht, haben wir eine Schritt-für-Schritt-Anleitung zusammengestellt, damit Sie den gesamten Prozess leicht verstehen.

1. Was bedeutet es, ein Element zu inspizieren?
2. Wie prüft man Elemente auf dem iPhone?
   • Methode 1: Verwendung der Safari-Entwicklerwerkzeuge
   • Methode Nr. 2: Elemente auf dem iPhone mit Tools von Drittanbietern inspizieren
     • Adobe Edge Inspect verwenden
     • LambdaTest verwenden
3. Element im Chrome-Browser des iPhone inspizieren
4. Zusammenfassung
5. Häufig gestellte Fragen

Was bedeutet es, ein Element zu inspizieren?

Wenn Sie ein Front-End-Webentwickler sind, können Sie regelmäßig Elemente inspizieren, um das Erscheinungsbild einer Webseite zu ändern und mit ihr zu experimentieren, indem Sie schnelle Änderungen an der CSS und HTML Dateien der Website.

Die Änderungen sind jedoch nur auf Ihrem Gerät sichtbar. Nachdem Sie die Webseite neu geladen haben, sind diese Änderungen verschwunden, und die ursprüngliche Version der Webseitenstruktur erscheint wieder. In Wirklichkeit bearbeiten Sie also nicht den Quellcode einer Website, sondern experimentieren lediglich mit Elementen für Ihre Anzeige und zur Fehlerbehebung.

Die Inspektion von Elementen eignet sich hervorragend für Designer, Vermarkter und Supportmitarbeiter. Designer möchten vielleicht sehen, wie das Design einer Website auf mobilen Geräten aussieht oder welches Thema ihre Konkurrenten verwenden. Ein Vermarkter hingegen möchte vielleicht analysieren, wie seine Konkurrenten ihre Keywords verwenden.

In der Zwischenzeit kann ein Support-Mitarbeiter mit grundlegenden CSS-Kenntnissen Text, Design und Hierarchie einer Webseite innerhalb von Sekunden ändern, während er Elemente überprüft, und er kann ein Problem an die Entwickler weiterleiten, um die erforderlichen Korrekturen an einer Website vorzunehmen.

Presse Strg+Z unter Windows und Linux und Befehl+Z in macOS, um alle mit dem Werkzeug "Element inspizieren" vorgenommenen Änderungen rückgängig zu machen.

Wie prüft man Elemente auf dem iPhone?

Die Inspektion von Elementen auf dem iPhone ist etwas kompliziert, und vielleicht fühlen Sie sich dabei ein wenig überfordert. Mit unserer Schritt-für-Schritt-Anleitung wird das Ganze jedoch mühelos und angenehm für Sie sein.

Wir werden auch die Verwendung des Chrome-Browsers des iPhones besprechen, um mit Elementen zu experimentieren. Also, ohne Verzögerung, hier sind die zwei Methoden, die erklären, wie man Elemente auf dem iPhone inspiziert.

Methode 1: Verwendung der Safari-Entwicklerwerkzeuge

Bei der ersten Methode verwenden Sie die Safari-Entwicklerwerkzeuge, um Elemente auf dem iPhone zu untersuchen.

1. Verbinden Sie Ihr iPhone zu Ihrem Mac PC unter Verwendung einer USB-Kabel.
2. Starten Sie den Safari-Browser auf Ihrem Mac und gehen Sie zu Fortgeschrittene Registerkarte .
3. Schalten Sie die Web-Inspektor Schalter zum Grün Farbe.
4. Navigieren Sie nun zu Präferenzen> Registerkarte Erweitert.
5. Prüfen Sie nun die Menü "Entwickeln" in der Menüleiste anzeigen damit die Option Entwickeln auf dem Bildschirm erscheint. Optionen Leiste des Browsers.
6. Klicken Sie dann auf die Schaltfläche Entwickeln Sie um Ihren Gerätenamen in der Liste der Geräte sichtbar zu machen.
7. Endlich, Schweben Sie über Ihr iPhone und sehen Sie eine Liste von Webseiten, die auf Ihrem iOS-Gerät geöffnet sind. Wählen Sie dann die Webseite aus der Liste aus, die Sie prüfen möchten.

Die Inspektion von iPhone-Elementen mit den Safar Developer Tools ist nur im Apple-Ökosystem verfügbar, d. h., wenn Sie keinen Mac haben, funktioniert diese Methode nicht.

Methode Nr. 2: Elemente auf dem iPhone mit Tools von Drittanbietern inspizieren

Adobe Edge Inspect verwenden

Wenn Sie keinen Mac besitzen, können Sie das Adobe Edge Inspect Tool verwenden, um Elemente auf Ihrem iPhone zu inspizieren.

1. Herunterladen der Adobe Edge Inspect auf Ihrem PC und verbinden Sie Ihr iPhone und Ihren PC mit der gleichen Wi-Fi-Verbindung.
2. Schließen Sie Ihr iPhone mit einem USB-Kabel an Ihren Mac an und starten Sie die Software auf Ihrem PC.
3. Nun, Ihr iPhone-Name wird in der Software angezeigt.
4. Öffnen Sie als Nächstes eine Webseite in Ihrem Browser und achten Sie darauf, dass sie auch auf Ihrem verbundenen iPhone geöffnet wird.
5. Wählen Sie eine Debugger-Zeichen () neben den angeschlossenen Geräten angezeigt.
6. Nächste, Entwickler-Tools wird geöffnet, so dass Sie die Elemente auf dem iPhone überprüfen können.

LambdaTest verwenden

LambdaTest ist ein weiteres hervorragendes Tool eines Drittanbieters zur Überprüfung von Elementen auf einem iPhone.

1. Registrieren Sie sich auf der LambdaTest Registrierungsseite um ein Konto zu erstellen und sich anzumelden.
2. Wählen Sie Echtzeit-Tests auf der linken Seite des Armaturenbretts.
3. Geben Sie den Test ein URL , und wählen Sie die Gerätetyp , Gerätename, Betriebssystem und Browser auf dem Sie den Test durchführen werden.
4. Klicken Sie auf Start und wählen Sie in der linken Werkzeugleiste die Option Entwickler.
5. Entwickler-Tools wird auf dem ausgewählten iPhone-Gerät geöffnet.
6. Starten Sie den Test mit der iPhone-Simulator für Browser-Tests

LambdaTest ist außerordentlich sicher, GDPR- und CCPA-konform, sorgt für vollständige Transparenz und garantiert Ihren Datenschutz und Ihre Datensicherheit.

Element im Chrome-Browser des iPhone inspizieren

Sie können Elemente einer Website in einem Chrome-Browser mit Ihrem iPhone überprüfen. Starten Sie dazu die Chrome-Browser auf Ihrem iPhone und besuchen Sie eine Website. Tippen Sie nun auf die Adressleiste und geben Sie Ansicht-Quelle: vor dem HTTP oder HTTPS Laden Sie dann die Seite neu, um alle Elemente zu sehen.

Zusammenfassung

In diesem Leitfaden über die Inspektion von Elementen auf dem iPhone haben wir die Verwendung von Safari-Entwicklerwerkzeugen und Tools von Drittanbietern besprochen, um mit dem Code zu experimentieren. Wir haben auch die Inspektion von Elementen im Chrome-Browser des iPhone besprochen.

Wir hoffen, dass dieser Leitfaden hilfreich für Sie war und dass Sie jetzt mit unseren schnellen Methoden Elemente auf Ihrem iPhone schnell überprüfen können.

Häufig gestellte Fragen

Führen Sie die folgenden Schritte aus, um Elemente einer Website in einem PC-Chrome-Browser zu überprüfen.

1) Starten Chrom und besuchen Sie die Webseite, um die Elemente zu prüfen.

2) Schauen Sie in die obere rechte Ecke des Bildschirms und klicken Sie auf drei vertikale Punkte.

3) Als nächstes klicken Sie auf Mehr Werkzeuge > Entwickler-Tools aus dem Dropdown-Menü.

4) Es öffnen sich die Entwicklertools, die Konsole und einige andere Tools, mit denen Sie das Element untersuchen können.

Es ist nicht illegal, eine Schwachstelle auf einer Website mit Hilfe des Inspektionselements des Browsers zu finden, aber es ist illegal, diese Schwachstelle auszunutzen und daraus Profit zu schlagen.

Wenn Sie eine Schwachstelle finden, melden Sie sie dem Eigentümer der Website, bevor Sie das Problem öffentlich machen. In der Regel haben Websites eine spezielle Seite für die Meldung von Sicherheitsproblemen.