Ver html generado por javascript

Iniciado por desastro, 12 Septiembre 2011, 20:41 PM

0 Miembros y 1 Visitante están viendo este tema.

desastro

Tengo una serie de scripts que generan código html en mi página dinámicamente.

El tema es que me gustaría ver qué código que genera ese script para poder depurarlo pero cuando veo el código de la página no aparece ya que es dinámico.

¿Alguien sabe alguna forma para verlo?

‭lipman

No estoy totalmente seguro, pero creo que con firebug podrias hacer eso.

Es decir, tu tienes el HTML con el código javascript, lo ejecutas, y activas el firebug. Repito que no estoy seguro.

Un saludo

inlain

Bájate IE9 y presiona F12. Aparecerán las Developer Tools.

Con ellas podrás ver la página tal cual está, aunque generes parte dinámicamente.

Tienes muchas más cosas, puedes ver el tráfico http que genera tu web, cambiar el modo de visualizarla a otro tipo de IE anterior para saber cómo se vería, depurar scripts, etc.

En esta guía de desarrolladores podrás ver las novedades que trae esta herramienta
http://msdn.microsoft.com/es-es/ie/ff468705.aspx#_Dev_Tools


~ Yoya ~

Con firebug y el Inspector de elementos de Chrome (El inspector es parte del core de chrome), se puede hacer lo que dices.
Mi madre me dijo que estoy destinado a ser pobre toda la vida.
Engineering is the art of balancing the benefits and drawbacks of any approach.

raul338

Cita de: ~ Yoya ~ en 13 Septiembre 2011, 00:14 AM
Con firebug y el Inspector de elementos de Chrome (El inspector es parte del core de chrome), se puede hacer lo que dices.

+1. En chrome, a lo que quieres "debuggear" le haces click derecho -> "Inspeccionar elemento" y te saldra el HTML ordenadito y con las propiedades CSS al lado :P

Y podes modificar "en vivo" lo que sea :P

WHK

Con firefox y firebug le das click donde dice editar HTML dentro del div creado dinamicamente.

Hay que tener mucho cuidado al escoger el explorador para debuggear el DOM creado porque cáda explorador tiene sus propios estandares y puede variar uno del otro.

Por ejemplo en internet explorer 9 verás el DOM generado por el motor trident al estandard de internet explorer.

En Chrome verás webkit y en fireox gecko.

Recuerda que si tu servidor no tiene el header de no xss entonces internet explorer 9 va a filtrar el DOM que generes para prevenir inyecciones, en otras palabras es el menos fiel, no mas o menos seguro pero si el menos fiel.

Yo en lo personal prefiero firebug sobre chrome o firefox.
Ahora si quieres mas hay muchos complementos en firefox que trabajan como agregados de firebug que lo hacen muchisimo mas potente, pero solo estan disponibles como complementos para firefox.