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:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            private function init():void{
            var x:int=1;
            var y:int=2;
            var z:int=0;
            z=x+y;
            trace(z);
            }
        ]]>
    </mx:Script>
</mx:Application>

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:

breakpoint

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

debug01

untuk melanjutkan debug bisa mengklik tombol resume

 tombol

gambar 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 :

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 Project kitaimage
  5.  

  6. import library nl.demonsters.debugger.MonsterDebugger dan kemudian gunakan MonsterDebugger.trace(parameter, "text") kedalam code, misalnya :
  7. <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" initialize="init()">
        <mx:Script>
            <![CDATA[
            // 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!");
            }
            ]]>
        </mx:Script>
    </mx:Application>
  8. Kemudian Run atau jalankan aplikasi, maka akan terlihat seperti iniimage


1 komentar:

  1. Unknown

    Saya newbie mas...mau nanya.
    Saya menggunakan Flex Builder 3, SDK 3.2 itu kalau mau men-Debug perlu Flash Player khusus kah? soalnya muncul pesan error

    "Flex Builder cannot locate the required debugger version of Flash Player."

    Ada solusikah mas??
    Terima kasih atas waktunya..

     

Posting Komentar