1. casa
  2. Domanda e risposta
  3. Safari Web Inspector non mostra elementi e pannello stile durante il debug di iPhone

Safari Web Inspector non mostra elementi e pannello stile durante il debug di iPhone

2015-10-07 24 views
5

Ho collegato iPhone a Mac e ho attivato Web Inspector nelle impostazioni avanzate di iPhone, in grado di visualizzare la pagina in mac safari ma non in grado di ispezionare alcun elemento e il suo stile in safari . Non vedo il pannello degli elementi o il pannello degli stili.Safari Web Inspector non mostra elementi e pannello stile durante il debug di iPhone

Qualcuno potrebbe aiutarmi a trovare quei pannelli per eseguire il debug degli stili, che ho applicato agli elementi di pagina che sto testando in iPhone. Sono in grado di vedere quei pannelli nel debug delle pagine safari del desktop. vedere lo screenshot enter image description here

Grazie in anticipo per qualsiasi aiuto.

fonte

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 Quello che ho sto chiedendo è, il pannello degli stili e degli elementi è mancante quando eseguo il debug delle pagine di iPhone in Safari desktop. vedere la finestra in alto nel mio screenshot –

risposta

0

La risposta è, è necessario selezionare l'albero DOM dal menu a discesa come nello screenshot. enter image description here

fonte

2015-10-07 11:46:53

6

Da Web inspector selezionare un elemento html. Ora nel dispositivo sarà evidenziato con il colore blu. L'angolo in alto a destra con finestra di espansione per mostrare lo stile, i livelli, le schede del nodo. Seleziona stile e modifica css. Fare riferimento al collegamento fornito nel commento per i dettagli completi. enter image description here

fonte

2015-10-07 08:46:08

+0

Non riesco a vedere il pannello degli elementi. questo è il mio problema allora come posso selezionare usando il debugger? –

+0

Dalla tua immagine, la tua freccia punta agli elementi web per la pagina web di Safari e questo non è per un dispositivo mobile. Controlla la finestra a comparsa (web Inspector ** - iphone ** ip). Questa finestra mostra la pagina html del tuo browser iphone/webview. Seleziona un tag html (albero DOM) da questa pagina, questo selezionerà il rispettivo elemento nel dispositivo. una volta fatto è possibile visualizzare il riquadro degli stili dall'angolo in alto a destra della finestra di origine corrente. –

+0

Grazie per l'aiuto. Ho la risposta, vedi la mia risposta qui sotto. –

 Problemi correlati

  • Nessun problema correlato^_^