Come si esegue Firefox inspector in un iFrame?

Question

So che l'ispettore di Chrome ha un selettore per scegliere quale frame utilizzare con la console. Firebug ha un comando simile, cd(window.frames[number]). C'è qualcosa di simile in Firefox Devtools? Suppongo che frame.window.eval possa funzionare, ma solo se non è un dominio incrociato.

Mi chiedevo anche se ci sia un evidenziatore per ispezionare i risultati dei comandi della console Web, ad esempio document.getElementsByClassName(...). ma puoi almeno modificare lo stile di un elemento a livello di codice per "vederlo".

Answer 1

Gli oggetti DOMNode evidenziano nella pagina al passaggio del mouse nella console Web e ciò che viene chiamato la "visualizzazione delle variabili". La "visualizzazione delle variabili" viene utilizzata anche nella console Web quando si fa clic su un oggetto per visualizzarne le proprietà (è la barra laterale visualizzata) e viene anche utilizzato nel debugger quando viene messo in pausa in un punto di interruzione (barra laterale destra che contiene i vari ambiti variabili).

Quindi, ogni volta che viene visualizzato un DOMNode, se si passa su di esso, verrà evidenziato nella pagina.

Quando si tratta di iframe, la webconsole supporta il comando cd(), vedere working with iframes.

Siamo anche attivamente working on a bug che aggiungerà un menu a discesa alla casella degli strumenti ogni volta che ci sono frame/iframe nella pagina corrente e consentono di passare facilmente da uno all'altro.

Answer 2

È possibile click to inspect a node nella console e debugger starting in Firefox 29, attualmente su Aurora channel.