Share
Mulți dezvoltatori Flash utilizează fie clasa Alert pentru depanare, fie instrucțiuni de urmărire datorate asociațiilor cu Flash. Flex are un debugger adevărat și este un instrument excelent. O să demonstrez cum să mă descurc în acest tutorial.
Eroare de compilator sunt ușor de identificat și reparați. Vi se dă un punct roșu cu un X în el, vă spun unde și ce este problema.
Eroare de execuție sunt mai greu de urmărit. Debugger ajută dezvoltatorii prin urmărirea erorilor de rulare, oferind o fereastră pentru a vedea ce se întâmplă în timp ce aplicația rulează, ce valori sunt setate, ce se întâmplă în interiorul unei buclă sau motivul pentru care instrucțiunea if nu funcționează.
OK, hai să începem - dar înainte de a începe, iată câteva instrumente de care ai nevoie:
Descărcați aici. În timpul acestui tutorial folosesc aplicația Macintosh Flash Player 10 de depanare a conținutului Plugin (Mac-uri bazate pe Intel) (ZIP, 6,03 MB) ". Pentru a testa care versiune a playerului flash pe care l-ați instalat, aruncăm o privire la acest instrument util de Peter deHaan, care are un blog grozav;)
Afișează în mărime completă Desigur, veți avea nevoie de asta. Dacă nu aveți acest lucru, puteți obține întotdeauna o copie gratuită:
Probele cu cod
Adobe® Flex ™ 3.3 Referințe de limbă
Capturile de ecran din acest tutorial sunt realizate pe Mac, dar ar trebui să fie aceleași pe PC. Perspectiva ferestrei mele poate diferi de ceea ce vedeți, dar puteți găsi toate filele sub meniul ferestrei.
Dacă sunteți gata, să începem!
Am creat un nou proiect Flex; foarte simplu, un panou cu două butoane în el. Fiecare buton va apela funcția de clic; b1_click () va rula o buclă, apelați funcția update_Label (). b2_click () va crea o eroare de execuție, deoarece nu există nici o valoare n_error.
/> Vizualizați dimensiunea completă Ce este un punct de întrerupere? Un breakpoint este setat pe o linie executabilă a unui program. Dacă punctul de întrerupere este activat atunci când depanați, execuția se suspendă înainte ca acea linie de cod să fie executată. Pentru a suspenda aplicația în timp ce rulează, trebuie să setați un punct de întrerupere. Este ușor de făcut; faceți dublu clic pe spațiul gol de lângă numărul de linie. Faceți dublu clic pe acesta din nou pentru a o elimina.
Am stabilit două puncte de întrerupere; liniile 10 și 20 (două puncte albastre apar în margine). Dacă fac clic pe butonul1, se va opri pe linia 10, faceți clic pe butonul2 se va opri pe linia 20.
Puteți vedea toate punctele de întrerupere în fila "Fragmente" și acestea pot fi adăugate sau eliminate oricând doriți. În plus, puteți utiliza casetele de selectare pentru a le activa / dezactiva temporar.
Dacă doriți să urmăriți cum se schimbă numărul în timp, evidențiați valoarea, faceți clic dreapta, selectați "Watch 'num'".
"Num" este acum adăugat la fila Expresii.
/> Vizualizați dimensiunea completă Acum avem totul setat, să începem secțiunea de depanare. Faceți clic pe pictograma care arată ca o eroare
/> Vizualizați dimensiunea completă sau selectați-l din meniu:
/> Vizualizați dimensiunea completă În timp ce aplicația începe să ruleze, o puteți vedea în browser, dar nu se întâmplă nimic, ce să faceți în continuare? Punctul de pauză este setat în interiorul funcției, deci trebuie să exectăm funcția.
/> Vizualizați dimensiunea completă Pentru a declanșa punctul de întrerupere, faceți clic pe butonul 1 pentru a apela funcția b1_click (). Apoi, aplicația se oprește la linia 10 și numărul este încă 0 deoarece codul "num + = 1;" nu a executat încă. Uitați-vă la fila Debug; unele pictograme se aprind și unele valori sunt acum vizibile.
/> Vizualizați dimensiunea completă Mai întâi, să aruncăm o privire la fila Variabile; câteva lucruri de reținut:
/> Vizualizați dimensiunea completă Deschideți "this", va apărea o listă lungă. Lista va continua să devină mai lungă și mai lungă, atunci veți observa încetinirea computerului;)
Deoarece știu că vreau să mă concentrez pe butonul "button2.label", să o găsim și să faceți clic dreapta pentru a selecta "Create Expression Watch".
Acum aruncați o privire la fila Expresii, simplă și curată, așa cum îmi place. Două variabile la care ne uităm acum, "num" pe care l-am creat mai devreme și "this.button2.label".
Acum, să aruncăm o privire la fila de depanare. În această filă, veți vedea că unele pictograme sunt acum activate, o listă cu numele funcțiilor și numele componentelor. Imaginea de mai jos arată că suntem în prezent în funcția myLoop și că componenta "button2" a efectuat o acțiune "clic" pentru a apela această funcție.
/> Vizualizați dimensiunea completă Aceste icoane pe care le-am observat (le puteți găsi sub meniu> alerga prea), pentru ce sunt?
/> Vizualizați dimensiunea completă Atunci când un fir este suspendat, comenzile de pas pot fi folosite pentru a trece prin execuția programului în linie rând.
De multe ori, puteți utiliza și comenzi rapide - memorați-le!
F6 și F8 vor fi cei mai buni prieteni, amintiți-vă!
Să apăsăm de câteva ori F6. Păstrați-vă ochiul în fila Expresie, vedeți la ce se schimbă valoarea.
/> Vizualizați dimensiunea completă Mențineți apăsat F6! Valoarea lui num se schimbă în fila Expresii.
/> Vizualizați dimensiunea completă Dacă bucla voastră nu se termină niciodată, se încheie mai devreme, sau nu începe niciodată, puteți privi cu atenție acțiunea pentru a vedea ce se întâmplă. Odată ce am terminat bucla, este apelată a doua funcție update_Label (). Apăsarea pe F6 va trece peste el, dar vrem să vedem ce se întâmplă în update_Label (). Apăsați F5 "pas în".
/> Vizualizați dimensiunea completă Acum suntem în funcția update_Label ().
/> Vizualizați dimensiunea completă Puteți apăsa F7 pentru a reveni la myLoop (). Valoarea "this.button2.label" a fost modificată.
/> Vizualizați dimensiunea completă Să apăsăm F8 pentru a relua aplicația. Eticheta butonului 2 a fost actualizată.
/> Vizualizați dimensiunea completă Ok, acum să testăm eroarea din aplicație. Știm că există o eroare în funcția b2_click (), deci să o vedem în acțiune. Faceți clic pe butonul 2, aceasta va apela funcția b2_click (), iar aplicația se va opri la eroare.
/> Vizualizați dimensiunea completă Uitați-vă atent la fila Debug. Aici vă spune care este eroarea și cine sună.
/> Vizualizați dimensiunea completă Iată ce se afișează în fila Consola. Vă oferă mai multe informații despre eroarea și numărul liniei în care a apărut eroarea.
/> Vizualizați dimensiunea completă Puteți schimba întotdeauna valoarea variabilelor în timp ce aplicația este suspendată. De exemplu, dacă vreau să schimb din butonul "num = 10" în "new label" fac următoarele: întâi găsiți variabila "label", faceți clic dreapta, selectați Change Value.
Se afișează fereastra Set Value și afișează valoarea curentă.
Voi schimba acel șir la "noua etichetă", apoi apăsați OK.
Acum, în fila Variabile, noua valoare este setată.
Reluați aplicația, veți vedea că eticheta a fost actualizată.
/> Vizualizați dimensiunea completă Bine, acum știți cum să utilizați depanatorul! Iată un scurt rezumat:
Dacă credeți că sunteți gata să vă testați acum abilitățile de depanare, încercați-le pe propria cerere!
Un ultim sfat pentru cei noi pentru Flex: nu uitați să exportați întotdeauna o versiune de construcție, nu construirea de depanare care este mult mai mare. Sper că vă place să citiți!
Accentsconagua