Bug Reporter

razzo · #1 (**permalink**) 01/08/2011, 09:09

Hola! como estan?
¿Vieron que google + tiene un sistema para hacer reportes de errores?
Toma una captura de la pantalla e info variada del html generado (creo).

Hay algo hecho en php? o tienen idea de como se puede obtener un JPG de la pagina cargada por el browser?

Mi idea es Hacer un reportador de bugs para las aplicaicones qe desarrollo asi el cliente durante el tiempo de desarrollo puede ir encontrando errores y reportándolos.

Al hacer click en un boton para dicha tarea quiero generar una imagen de lo que tiene cargado el browser, generar un archivo .html del lado del servidor identico al que esta cargando el browser y finalmente toda la data referente al entorno donde se esta ejecutando (browser, usuario, etc).

Espero no haber sido confuso con mi duda. Saludos y gracias!

abimaelrc · #2 (**permalink**) 01/08/2011, 09:11

Para ello necesitas tener un servidor dedicado y un programa que tome la captura y varias cosas más. Te recomiendo que hagas una búsqueda en el foro, anteriormente han pedido lo mismo y han dado varias soluciones.

masterpuppet · #3 (**permalink**) 01/08/2011, 09:17

Que tal razzo,

Hay varias herramientas para lo que necesitas, te dejo un link http://www.thegeekstuff.com/2010/08/...acking-system/

Saludos.

razzo · #4 (**permalink**) 01/08/2011, 09:38

Gracias a ambos por la pronta respuesta.

Si, eso ya lo estube viendo. Pero no es lo que necesito, quizas fui confuso.

En los bugTrackers lo que viene haciendo el cliente es levantar un issue reportando el bug y ahi adjunta una screenshot de la pantalla.

Lo que yo quiero hacer es que desde la aplicaicon poder generar una captura del browser y el código html generado qe esta levantando el mismo.

abimaelrc · #5 (**permalink**) 01/08/2011, 09:51

Como te indiqué, necesitas en ese caso un servidor dedicado ya que necesitas instalar unos programas que estos hagan la captura, claro está si es que quieres hacerlo del lado del servidor. Si haces una búsqueda en el foro vas a ver varios temas que lo explican más detallado y como lo han resuelto.

razzo · #6 (**permalink**) 01/08/2011, 09:54

Tengo el servidor dedicado.
Si la captura se hace del lado del cliente mejor.

Me dijeron que para poder obtener el código html del browser tendría que user innerHTML, pero no comprendo bien su utilizacion.

No es de cabeza dura, ya llegue a la pagina 17 del foro y no encontre nada relacionado con el tema. Soy nuevo en este foro, pero ya se como es el manejo general. Si sabes de un post en el que se halla hablado el tema, mas que agradecido por el link
=)

vgonga1986 · #7 (**permalink**) 01/08/2011, 09:59

innerHTML es vocabulario de DOM y creo que aquí no te valdría. Si lo que quieres obtener es el código de la página entera, no te vale con innerHTML, ya que esto (usado con javascript) te devuelve el texto que hay entre una etiqueta HTML de apertura y otra de cierre.

Un saludo.

abimaelrc · #8 (**permalink**) 01/08/2011, 10:09

Si quieres la captura, o sea un "screenshot" se hace con algún programa que instalas en el servidor. Ahora si lo que quieres es tomar los errores, con lo que te indicó masterpuppet es lo que deberías hacer. En PHP existe Error Handling, Exception, ErrorException, puedes también verificar log_errors, etc, etc

masterpuppet · #9 (**permalink**) 01/08/2011, 10:18

Puedes utilizar cualquiera de los bug trackers y agregar tu funcionalidad, para el ss puedes utilizar http://www.paulhammond.org/webkit2png/ o algun otro script similar, en python hay varios.

Saludos.

razzo · #10 (**permalink**) 01/08/2011, 11:37

Miren, con un poco de la w3schools y meti un poco de mano hice esto.

Código HTML:

<head></head><body>
HOLA MUNDO

<div id="codigo"></div>







<script type="text/javascript">

text = document.documentElement.innerHTML.replace(/</g,'&lt;');
text = text.replace(/>/g,'&gt;');
alert(document.documentElement.innerHTML);
alert(text).innerHTML;

</script></body>

Ahí obtuve el código html!

Gracias masterpuppet pero el SO q tengo no es ese si no un linux, podría acceder un windows, pero un MAC OS se me complica.

Tienen algun nombre técnico ese tipo de programas????

masterpuppet · #11 (**permalink**) 01/08/2011, 11:45

En el site te dan varias alernativas para *nix,

http://khtml2png.sourceforge.net/
http://www.blogs.uni-osnabrueck.de/r...-and-qtwebkit/
http://www.hackdiary.com/2004/06/13/...edded-mozilla/

Saludos.