community - Selectores Firebug y jQuery en un iFrame

processmaker doc

Question

Estoy trabajando en una aplicación web y utilizando el plugin de 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 tu ayuda! Doug

Answer 1

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

Aquí hay un bookmarklet que uso para automatizar saltar al iframe para cualquier aplicación de Facebook con 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 generalmente es una mala práctica, pero esto es literalmente cómo Firebug ejecuta lo que escribe en la consola, así que imité eso.

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

Answer 2

Debe pasar el documento de iframe como contexto para su selector, ya que iframe tiene su propio árbol de DOM separado:

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

Para obtener acceso al contenido de iframe, debe cargarse desde el mismo dominio que el documento principal.

Para elaborar aquí, la propiedad .contentDocument funciona en Chrome (y FF) pero no en IE <8. Tienes que usar .document .