Come ispezionare gli elementi all'interno di Iframe tramite la barra degli strumenti di IE Developer in IE7

Question

Ho un'applicazione Web che utilizza Iframe. Quando provo a ispezionare l'elemento nella barra degli strumenti di sviluppo di IE, il nodo Iframe viene evidenziato e si ferma qui. Riesco a vedere un'icona di espansione vicino al nodo Iframe. Ma quando faccio doppio clic su di esso, non succede nulla.

Dopo essermi infastidito dopo molti tentativi ed errori, ho provato a testarlo creando un iframe di esempio in una nuova pagina html ed eccolo lì ... ho potuto vederlo ottenere tutti gli elementi all'interno dell'iframe.

Quindi, cosa è successo alla mia applicazione Web, dipende da uno stile di codifica .... Sono completamente vuoto su questo problema.

Come menzionato nel titolo, utilizzo la barra degli strumenti di IE Developer in IE7 in Vista.

Answer 1

Ho avuto esattamente lo stesso problema, ma mi è sembrato di risolverlo facendo clic sul pulsante Aggiorna nel riquadro della barra degli strumenti degli sviluppatori di IE. È il pulsante che ha un'icona blu in basso/freccia in alto accanto all'icona del disco. Se fai clic su di esso, per qualche motivo l'ispettore DOM sembra iniziare a lavorare all'interno dell'Iframe quando in precedenza non lo faceva.

Answer 2

Per costruire la risposta di jaffa (e poiché non posso ancora commentare la risposta di jaffa!): Nella mia situazione, l'iframe non è disponibile negli strumenti di sviluppo di IE senza fare clic sul pulsante di aggiornamento nella barra degli strumenti di sviluppo perché il contenuto di l'iframe viene caricato in modo asincrono. Sembra che gli strumenti di sviluppo IE abbiano la struttura DOM della pagina al momento del caricamento, ma se in seguito si verificassero cambiamenti, gli strumenti dev devono essere aggiornati.