1. Zuhause
  2. Frage und Antwort
  3. Safari Web Inspector zeigt keine Elemente und Style Panel beim Debuggen von iPhone

Safari Web Inspector zeigt keine Elemente und Style Panel beim Debuggen von iPhone

2015-10-07 2 views
5

Ich verband iPhone mit Mac und ich aktiviert Web Inspector in iPhone erweiterte Einstellungen, in der Lage, die Seite in Mac Safari zu sehen, aber nicht in der Lage, jedes Element und seinen Stil in Safari zu prüfen . Ich sehe das Elementfenster oder das Stilfenster nicht.Safari Web Inspector zeigt keine Elemente und Style Panel beim Debuggen von iPhone

Könnte mir jemand helfen, diese Panels zu finden, um die Stile zu debuggen, die ich auf Seitenelemente angewendet habe, die ich im iPhone teste. Ich kann diese Panels beim Debuggen der Desktop-Safari-Seiten sehen. siehe Screenshot

Vielen Dank im Voraus für jede Hilfe.

Quelle

2015-10-07 Mohamed Hussain

+1

https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html#//apple_ref/doc/uid/TP40007874-CH3-SW1 –

+0

@GobiM Was ich Ich frage, ist Stile und Elemente Panel fehlt, wenn ich iPhone-Seiten in Desktop-Safari debuggen. sehe das Fenster oben in meinem Screenshot –

Antwort

0

Die Antwort ist, müssen Sie den DOM-Baum aus dem Dropdown wie im Screenshot auswählen. enter image description here

Quelle

2015-10-07 11:46:53

6

Wählen Sie im Web Inspector ein beliebiges HTML-Element aus. Jetzt im Gerät wird es mit blauer Farbe hervorgehoben. In der oberen rechten Ecke befindet sich das Fenster zum Erweitern, um Stile, Registerkarten für Ebenen, Knoten anzuzeigen. Wählen Sie Stil und bearbeiten Sie CSS. Siehe Link im Kommentar für die vollständigen Details. enter image description here

Quelle

2015-10-07 08:46:08

+0

Ich kann das Element Panel nicht sehen. das ist mein Problem dann wie kann ich mit dem Debugger auswählen? –

+0

Von Ihrem Bild zeigt Ihr Pfeil auf die Webelemente für die Safari-Webseite. Dies ist nicht für ein mobiles Gerät. Suchen Sie nach dem Popup-Fenster (Web Inspector ** - iphone ** ip). Dieses Fenster zeigt die HTML Seite Ihres iPhone Browsers/Webview. Wählen Sie auf dieser Seite ein HTML-Tag (DOM-Baum), um das entsprechende Element im Gerät auszuwählen. Sobald Sie fertig sind, können Sie den Stilbereich von der oberen rechten Ecke des aktuellen Quellfensters aus anzeigen. –

+0

Danke für die Hilfe. Ich habe die Antwort erhalten, siehe meine Antwort unten. –

Verwandte Themen

 Verwandte Themen