In diesem wikiHow zeigen wir dir, wie du mit der Desktop-Safari-App von Apple die Leistung mobiler Webseiten in Safari für das iPhone überprüfst.
Schritte
Teil 1 von 3: Aktivieren von Web Inspector auf Ihrem iPhone
Schritt 1. Öffnen Sie die Einstellungen Ihres iPhones
Es ist ein graues Symbol mit Zahnrädern auf Ihrem Startbildschirm.
Schritt 2. Scrollen Sie nach unten und tippen Sie auf Safari
Es befindet sich in der vierten oder fünften Gruppe von Einstellungen, zusammen mit anderen Apple iPhone-Apps wie Mail und Kontakte.
Schritt 3. Scrollen Sie nach unten und tippen Sie auf Erweitert
Es steht ganz unten im Menü.
Schritt 4. Schieben Sie die Schaltfläche neben "Web Inspector" auf die Position "On"
Dies ist die letzte Option und wird grün, wenn sie aktiviert ist.
Teil 2 von 3: Aktivieren von Web Inspector auf Ihrem Mac
Schritt 1. Öffnen Sie Safari auf Ihrem Mac
Es ist die App, die wie ein blauer Kompass aussieht.
Schritt 2. Klicken Sie auf Safari
Es befindet sich in der Menüleiste in der oberen linken Ecke des Bildschirms.
Schritt 3. Klicken Sie auf Einstellungen
Schritt 4. Klicken Sie auf ⚙️Erweitert
Dies ist die Registerkarte ganz rechts am oberen Rand des Fensters.
Schritt 5. Aktivieren Sie "Entwicklermenü in der Menüleiste anzeigen"
" Es steht ganz unten im Fenster.
Schritt 6. Verbinden Sie Ihr iPhone
Verwenden Sie das mit Ihrem Gerät gelieferte USB-Kabel, um Ihr iPhone mit Ihrem Mac zu verbinden.
Teil 3 von 3: Verwenden von Web Inspector in Safari für iPhone
Schritt 1. Öffnen Sie eine Website
Öffnen Sie in Safari für iPhone die mobile Webseite, die Sie debuggen möchten.
Schritt 2. Klicken Sie auf Entwickeln
Dies ist das dritte Dropdown-Menü von rechts in Safari für Mac.
Schritt 3. Klicken Sie auf Ihr iPhone
Es wird oben im Menü aufgeführt.
Schritt 4. Klicken Sie auf die Website
Es erscheint in einem Pop-up rechts neben Ihrem iPhone.
Wenn Sie in der Safari-App Ihres iPhones keine Website geöffnet haben, wird die Meldung "Keine inspizierbaren Anwendungen" angezeigt
Schritt 5. Überprüfen Sie die Seite
Mit Safari auf Ihrem Mac können Sie die Leistung mobiler Seiten auf Ihrem iPhone verbessern und messen.
- Mit Web Inspector können Sie Befehle in JavaScript ausführen, um ein dynamischeres, interaktiveres Erlebnis für den Benutzer zu schaffen, z. B. Animationen und Echtzeitnachrichten.
- Untersuchen Sie DOM-Elemente (Document Object Model) auf Fehler in den HTML-, XML- oder JavaScript-Befehlen.
- Verwenden Sie CSS, um Layout, Farben und Schriftarten auf mobilen Seiten zu aktualisieren oder zu bearbeiten.