Ver la estructura del DOM y sus objetos existentes

[rogeliomx]

Hola como puedo visualizar el DOM en em navegador, quisera ver cuando se crean los objetos javascript y jquery, es esto posible?

[Carlangueitor]

Sí, se puede por ejemplo con las herramientas de desarrollador de Google Chrome.

Saludos

[rogeliomx]

en que parte esta eso, o como lo veo, como se llaman es el click derecho inspeccionar codigo fuente??

[Carlangueitor]

Inspeccionar elemento. O simplemtente presiona F12 y en la pestaña elements sale el DOM.

Saludos

[rogeliomx]

ok, lo estoy viendo pero como puedo ver el objeto jQuery credo en runtime y saber que metodos y propieddes tiene??, es posible, por que no lo encuentro??

[Carlangueitor]

Un objeto javascript no es parte del DOM. Ahora, es posible ver los objetos creados si estos son accesibles globalmente, por medio de la consola.

¿Exactamente que quieres hacer?

Saludos

[rogeliomx]

ver las propiedades de mi objeto jquery creado en tiempo de ejecucion, como puedo verlo en la consola??

[Carlangueitor]

¿Tu objeto es accesible globalmente?

No dices que es lo que estás haciendo, pero quizá te sirva mostrarlo desde tu código:

Código Javascript:

console.log(objeto);
 

Y en la pestaña de consola te va salir el objeto con sus propiedades.

Saludos

[rogeliomx]

pues solamente estoy practicando, agregue el jQuery y jQuery ui, por medio de un framework , y el jQuery ui viene integrando en el framework, no puedo actualizar jquery ui, por que viene integrado con algunos widgets, entonces tal vez tenga que agregar algunos metodos que le falten a mi version de jquery ui a mano, (copy, paste), quiero ver el objeto jQuery en run time y saber que propiedades u objetos contiene, ya pobre en la consola y el jQuery me arroja:

function ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
}

mientras el console.log(jQuery):

console.log(jQuery)
function ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
}
undefined

lo mismo.

[Carlangueitor]

hmmm, No entiendo esa parte del framework que no te deja usar una versión de jQuery, en todo caso eso me parece que no es lo mejor para estar practicando.

Como sea, si te entendí bien con la consola te debería bastar. Si escribes jQuery. (nota el punto) te va a listar las propiedades de es objeto en especifico, entonces si escribes jQuery.fn. (de nuevo el punto) verás las funciones de jQuery que tienes incluidas (incluso las de plugins).

Aunque sigo pensando que es mucho malabarismo, quizá te convenga otra cosa.

Saludos

[rogeliomx]

eso que me dices es lo que quiero ver las propiedades de jQuery, con jQuery.fn sin el punto funciona, veo todos los plugins listados, pero con jQuery con o sin punto no, en que propiedad de jquery se guardan los widgets intento con jQuery.ns pero nada

[Carlangueitor]

No sé no uso jQuery ui, pero creo que los widgets están en jQuery.ui

Insisto, deberías buscar otra solución más eficaz.

Saludos

[emprear]

Iniciado por rogeliomx

eso que me dices es lo que quiero ver las propiedades de jQuery, con jQuery.fn sin el punto funciona, veo todos los plugins listados, pero con jQuery con o sin punto no, en que propiedad de jquery se guardan los widgets intento con jQuery.ns pero nada

Intentaste con
http://firequery.binaryage.com/
(requiere Firebug)
Saludos

[rogeliomx]

Si ya lo estoy usando me encanto muchas gracias.