Mendebug code di Flex dan AIR, Tool tambahan Debug

untuk mendebug suatu aplikasi di Flex dan AIR kita bisa menggunakan cara

menggunakan fungsi trace, fungsi ini sangat simple digunakan kita cukup mengetik trace("text"), trace(variabel) contoh :

trace("Hello World!"); // menghasilkan: "Hello World!"
var myObj:Object= {item:"item 1", desc:'This is item 1'};
trace(myObj); // menghasilkan: [object Object]

Menggunakan perpective Debug pada FlexBuilder, cara ini adalah menggunakan fasilitas FlexBuilder untuk mendebug dengan memberikan breakpoint pada baris kode. dan debuger pada aplikasi akan membaca code satu persatu sesuai dengan urutan code-nya jika pada baris ada sebuah breakpoint maka dia akan berhenti pada titik tersebut dan memperlihatkan kondisi variable pada baris tersebut.

contoh sederhana menggunakan breakpoint pada debug,

1. Buat project flex dengan nama latihanDebug kemudian file latihanDebug.MXML diisi code berikut:

"

http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="init()">

private function init():void{
var x:int=1;
var y:int=2;
var z:int=0;
z=x+y;
trace(z);
}
]]>

"

2. save dan kemudian, buat masuk ke mode Flex Debugging, kemudian buat breakpoint pada line dengan mengklik dua kali pada nomor baris baris, misal seperti ini:

kemudian jalankan debug dengan mengklik icon debug ato tekan tombol F11, dan akan menghasilkan seperti ini

untuk melanjutkan debug bisa mengklik tombol resume

Bila debug terus dilanjutkan sampai posisi breakpoint terakhir maka hasil dari z adalah 3;

Selain menggunakan fungsi trace perpective Debug kita bisa juga Menggunakan tool Debug tambahan, ada beberapa tool Debug tambahan yang bisa dipakai untuk men-debug code di Flex dan AIR. ada pun aplikasi tersebut adalah :

• RedBebug
• arthropod
• demonsterdebugger

cara menggunakan De Monster Debugger

1. Download aplikasi dari webnya dari web demonsterdebugger
2. Instal di PC kita
3. buat project di Flex atau AIR
4. Export Class ke File

5. import library nl.demonsters.debugger.MonsterDebugger dan kemudian gunakan MonsterDebugger.trace(parameter, "text") kedalam code, misalnya :

"

layout="absolute" initialize="init()">

// Import the debugger

import nl.demonsters.debugger.MonsterDebugger;

// Variable to hold the debugger

private var debugger:MonsterDebugger;

private function onInit():void

{

// Init the debugger

debugger = new MonsterDebugger(this);

// Send a simple trace

MonsterDebugger.trace(this, "Hello World!");

}

]]>

"

6. Kemudian Run atau jalankan aplikasi, maka akan terlihat seperti ini