Selectores Firebug y jQuery en un iFrame

Question

Estoy trabajando en una aplicación web y usando el plugin jQuery Colorbox para abrir una ventana que presenta un formulario para editar elementos de la ventana principal. Estoy usando Firebug para depurar mi Javascript y jQuery, y noté que no puedo seleccionar un elemento en mi formulario HTML de Colorbox usando la línea de comandos de la consola jQuery. Por ejemplo:

$ date = $ ("# date");

no devuelve nada cuando se ejecuta desde la línea de comandos de la consola jQuery, aunque tengo un elemento de entrada con id = "date" y el puntero "elemento inspeccionar" Firebug puede encontrar el elemento en el iFrame. ¿Hay alguna manera de hacer que la consola de Firebug acceda a los elementos en un iFrame?

Gracias por su ayuda! Doug

Answer 1

Tiene que pasar el documento de marco flotante como un contexto para su selector, porque iframe tiene su propia separada árbol DOM:

$('#date', $('iframe').get(0).contentDocument); 

Con el fin de conseguir el acceso en el contenido del iframe, que se deben cargar desde mismo dominio como documento principal.

---

Sólo para elaborar aquí, .contentDocument propiedad funciona en Chrome (y FF), pero no en IE < 8. Usted tiene que usar .document.

Answer 2

Usted está buscando el método cd, documentado aquí: http://getfirebug.com/wiki/index.php/Command_Line_API

Aquí es un bookmarklet que utilizo para automatizar saltar en el marco flotante para cualquier aplicación de Facebook iframes. Debe proporcionar un ejemplo suficiente para modificar para su uso.

javascript:with(_FirebugCommandLine){cd($$(".canvas_iframe_util")[0].contentWindow)} 

Tenga en cuenta que with es generalmente una mala práctica, pero esto es literalmente cómo Firebug ejecuta lo que se teclea en la consola, así que imitaba eso.

Después de ejecutar esto, todo lo que escriba en la línea de comandos se ejecutará en el contexto del iframe.