|
Título: Ver html generado por javascript Publicado por: desastro en 12 Septiembre 2011, 20:41 pm 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? Título: Re: Ver html generado por javascript Publicado por: lipman en 12 Septiembre 2011, 20:46 pm 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 Título: Re: Ver html generado por javascript Publicado por: inlain en 12 Septiembre 2011, 20:56 pm Bájate IE9 (http://ie.microsoft.com/testdrive/Info/Downloads/Default.html)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 (http://msdn.microsoft.com/es-es/ie/ff468705.aspx#_Dev_Tools) Título: Re: Ver html generado por javascript Publicado por: ~ 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.
Título: Re: Ver html generado por javascript Publicado por: raul338 en 13 Septiembre 2011, 00:20 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 Título: Re: Ver html generado por javascript Publicado por: WHK en 13 Septiembre 2011, 08:15 am 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. |