Esta es una herramienta que uso hace bastante tiempo, y hace rato quiero escribir sobre ella. Hoy es el día.
De MonsterDebugger es, como el título lo dice, un debugger open source para Flash, Flex y AIR desarrollado por el estudio De Monsters en Flex y AIR.
Con esta herramienta podemos hacer trace de cadenas, números, objetos, matrices, XML e incluso clases personalizadas.
Una de las características que más uso, y creo más útil es la del “trace en vivo”, que nos permite ver los trace del debugger en nuestra aplicación o página corriendo fuera del flash.
Esta utilidad es excelente para hacer pruebas online o para tener el registro de errores sin necesidad de abrir el flash y ver qué pasa.
Otra característica interesante del debugger es poder modificar propiedades de nuestro proyecto en tiempo de ejecución. O sea, mientras vemos nuestra página ya publicada, podemos desde el panel del debugger, cambiar las propiedades que queramos, como rotación, tamaño o la variable que queramos y ver su efecto en vivo y en directo. Algo útil e interesante.
También, siguiendo con las acciones en vivo, podemos ejecutar nuestras funciones o métodos para probarlas en cualquier momento mientras vemos el proyecto ya compilado, también extremadamente útil.
¿Cómo funciona:
Les dejo 4 pasos básicos publicados en la página del debugger para empezar a usarlo.
1. En primer lugar es necesario tener Adobe AIR instalado.
2. Una vez descargado De MonsterDebugger basta con abrir la descarga y AIR hará el resto.
3. Una vez que esté funcionando De MonsterDebugger, necesita importar las clases de cliente para establecer la conexión con De MonsterDebugger. Las clases de cliente está incorporado en De MonsterDebugger y se pueden guardar en cualquier ubicación seleccionando Archivo> Exportar cliente de clase. Guarde la carpeta en la carpeta raíz de su aplicación o donde tengas tus clases.
4. Ahora todo lo que tiene que hacer es importar la clase en tu proyecto. A continuacion ejemplos de Flash y Flex.
Ejemplo Flash:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| package {
import flash.display.Sprite;
// Importamos el debugger
import nl.demonsters.debugger.MonsterDebugger;
public class Main extends Sprite {
// creamos la instancia del debugger
private var debugger:MonsterDebugger;
public function Main() {
// iniciamos el debugger
debugger = new MonsterDebugger(this);
// enviamos un simple trace
MonsterDebugger.trace(this, "Hello World!")
}
}
} |
Ejemplo Flex:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
<mx:Script>
<![CDATA[
// Importamos el debugger
import nl.demonsters.debugger.MonsterDebugger;
// creamos la instancia del debugger
private var debugger:MonsterDebugger;
private function onInit():void
{
// iniciamos el debugger
debugger = new MonsterDebugger(this);
// enviamos un simple trace
MonsterDebugger.trace(this, "Hello World!");
}
]]>
</mx:Script>
</mx:Application> |
Link: De MonsterDebugger
Descarga: MonsterDebugger version 2.5.1 (incluye ejemplos)
