Scripturi de depanare utilizând instrumentele pentru dezvoltatori

Această documentație a fost mutată în arhivă și nu este acceptată.

Instrumentele de dezvoltare ale programului Internet Explorer 8 includ programul de depanare Microsoft JScript simplificat, care permite dezvoltatorilor să stabilească puncte de întrerupere și execută pas cu pas JScript pe partea clientului fără a părăsi browserul. Acest document descrie pe scurt funcțiile la nivel înalt din programul de depanare JScript. Pentru o prezentare a altor instrumente de dezvoltare în Internet Explorer 8, consultați Cunoașterea instrumentelor de dezvoltare în Internet Explorer 8; Pentru un ghid complet pentru interfața cu instrumente pentru dezvoltatori, consultați Referința interfeței utilizator pentru Instrumente pentru dezvoltatori.

JScript de depanare este un pas critic în dezvoltarea de aplicații Web. Datorită programului de depanare simplificat JScript simplificat, instrumentele pentru dezvoltatori fac foarte ușor să simplificați întregul proces de depanare JScript. După ce ați instalat Internet Explorer 8, dezvoltatorii pot depana JScript pe orice site descărcat în Internet Explorer.

Pentru a deschide instrumentele de dezvoltare în Internet Explorer 8, apăsați F12 sau faceți clic pe butonul Tools Developer din panoul Tools.

Notă. Deși depanatorul JScript poate fi folosit pentru a depana orice subsistem cu implementarea interfețelor IActiveScriptSite (similar cu Microsoft Visual Basic Scripting Edition (VBScript)), este suportată numai depanarea JScript.

Începeți depanarea

Fig. 1. Interfața cu utilizatorul din fila "Script"

Utilizând instrumentele pentru dezvoltatori din fila "Script", porniți procesul de depanare făcând clic pe butonul "Porniți depanarea" sau pe tasta F5. Când faceți clic pe acest buton, se declanșează următoarele evenimente:

În fereastra de dialog "Pentru depanare necesită o actualizare a paginilor web", vi se oferă opțiunea de a actualiza pagina. Dacă faceți clic pe "OK", începe debugging-ul și pagina se actualizează; Dacă faceți clic pe butonul "Anulare", depanarea nu pornește și pagina nu se actualizează.
Dacă fereastra instrumentului pentru dezvoltatori este atribuită unei instanțe a Internet Explorer 8, imediat după debugare, această obligație este eliminată. Odată ce depanarea este completă, puteți atașa din nou fereastra la o instanță a Internet Explorer 8.

Pentru a opri depanarea, faceți clic pe butonul "Stop Debugging" sau pe combinația de taste SHIFT + F5.

Notă. Toate scripturile de pe pagină, aflate atât în fișiere separate, cât și în blocuri încorporate, sunt disponibile în lista derulantă a scripturilor, indiferent dacă debugging-ul a fost pornit sau nu. Comutarea între aceste fișiere este posibilă în orice moment în fila "Script". Sursa fișierului selectat este afișată în zona principală de conținut.

Setarea punctelor de întrerupere

Din zona principală de conținut în care este afișat codul de script, puteți seta puncte de întrerupere în unul din următoarele moduri:

Faceți clic pe un număr de linie pentru a insera sau a șterge un punct de întrerupere.
Faceți clic dreapta pe linia de cod și selectați "Insert Breakpoint" comanda.
Plasați cursorul pe linia de cod și apăsați F9 pentru a introduce sau elimina punctul de întrerupere.

Punctele de blocare pot fi setate indiferent dacă debuggerul rulează sau nu. După setarea punctului de întrerupere, lângă linia de cod se afișează o pictogramă de rupere, iar codul din această linie este evidențiat.

Un breakpoint vă permite să întrerupeți script-ul chiar înainte de linia pe care este setat acest punct, iar următoarea linie care va fi executată în depanator este evidențiată. În timpul depanării, orice eroare de execuție provoacă depanatorul să se oprească la locația de eroare. Pentru a împiedica oprirea execuției la eroare, deselectați butonul radio "Stop on error" sau apăsați CTRL + SHIFT + E. Când executarea este suspendată de către depanator, browser-ul nu răspunde la intrarea utilizatorului.

Fig. 2. Setarea și gestionarea punctelor de întrerupere

În fila "Fragmente" din depanator se afișează o listă cu toate punctele de întrerupere disponibile. Aici puteți vedea locația tuturor punctelor de întrerupere, precum și numele fișierului și numărul liniei pe care este setat punctul de întrerupere. Pentru a merge la locația punctului de întrerupere din codul sursă, faceți dublu clic pe punctul de întrerupere din listă. Pentru a dezactiva punctul de întrerupere fără al elimina, debifați caseta de selectare de lângă punctul de întrerupere. Pentru a șterge un punct de întrerupere, faceți clic dreapta pe el și selectați Ștergere din meniul contextual. Informațiile despre puncte de întrerupere sunt stocate în Internet Explorer, până când instrumentele de dezvoltare sunt închise, chiar dacă navigați de pe pagina site-ului curent.

Notă. În multe scenarii, punctul de întrerupere poate deveni nevalid. Un punct de întrerupere nevalid este dezactivat și o pictogramă de alertă apare deasupra pictogramei breakpoint. Punctul de întrerupere devine nevalid dacă părăsiți site-ul pe care este instalat. Poate deveni invalid dacă este instalat într-un loc greșit într-un mod diferit de modul de depanare sau procesul de depanare începe unde depanatorul nu găsește codul corespunzător. De asemenea, poate deveni nevalid dacă pagina pe care este instalată este actualizată și codul sursă este modificat.

Când este setat un punct de întrerupere, execuția se oprește în acest moment ori de câte ori apare. Dacă doriți să întrerupeți execuția la un punct de întrerupere numai dacă o anumită condiție este îndeplinită, setați condiția pentru acest punct de întrerupere. Pentru a seta o condiție de întrerupere, procedați în felul următor:

Faceți clic cu butonul din dreapta pe punctul de întrerupere din zona de conținut principal sau din zona "Puncte de anulare". Va apărea un meniu de comenzi rapide.
Alegeți "Condiție". Apare o casetă de dialog.
În caseta de dialog Punct de întrerupere condiționat, tastați condiția, apoi faceți clic pe OK.

Ca urmare, debuggerul va opri execuția la acest punct de întrerupere numai dacă această condiție este adevărată.

Execuția managementului

Cu puncte de întrerupere, scriptul este întrerupt pentru a putea verifica starea codurilor în acel moment. Când execuția este oprită la punctul de întrerupere, puteți verifica progresul cu oricare dintre următoarele butoane:

Continuați scriptul fără a întrerupe până când apare o altă eroare de întrerupere sau de script. Tasta atribuită: F5.

Suspendați execuția chiar înainte de următoarea afirmație a scriptului. Faceți clic pe butonul sau apăsați CTRL + SHIFT + B pentru a activa această comandă, apoi efectuați pașii de depanare necesari.

Opriți eroarea

Întrerupeți execuția în punctul în care a apărut eroarea. Această comandă este activă implicit. Dacă nu doriți ca execuția să se întrerupă la punctele de eroare, faceți clic pe acest buton pentru a dezactiva comanda; cu toate acestea, în orice caz, va apărea un mesaj de eroare pentru fiecare eroare care apare pe consolă. Comanda rapidă pentru activarea / dezactivarea comenzii: CTRL + SHIFT + E.

Rulați următoarea linie a scriptului și suspendați execuția, chiar dacă următoarea linie se află în noua metodă. Cheie atribuită: F11.

Continuați execuția până la următoarea linie a scriptului din metoda curentă și apoi întrerupeți execuția. Utile pentru apelurile cu metode de accesare cu crawlere. Cheie atribuită: F10.

Continuați executarea scriptului pe linia următoare în metoda numită de metoda curentă. Utile pentru renunțarea la cicluri și metode de apelare. Combinația de taste este SHIFT + F11.

Verificarea valorilor variabile

În zonele "Local" și "Watch", puteți vedea valoarea oricărei variabile. Pentru a verifica valorile variabilelor, procedați în felul următor:

Porniți depanatorul făcând clic pe butonul "Porniți depanarea".
Setați punctele de întrerupere pe calea de execuție.
Rulați scripturile.

În timpul execuției, depanatorul se oprește la prima întâmplare întâlnită. Odată ce execuția este întreruptă, puteți verifica și modifica variabilele din zonele "Local" și "Urmăriți".

Zona de depanare "Local" afișează numele, valorile și tipurile tuturor variabilelor disponibile în domeniul curent al scriptului. Dacă variabila este în afara scopului, aceasta nu este disponibilă și nu este afișată în zona "Local". Observați astfel de variabile și obiecte care sunt "în afara domeniului de aplicare" în orice moment în zona "Watch".

Puteți vedea variabile din diferite domenii prin adăugarea lor în zona "Vizualizare". Puteți adăuga variabile în zona "Watch" în mai multe moduri.

În zona de conținut principal, selectați textul scriptului, apoi faceți clic dreapta pentru a activa meniul contextual și alegeți Adăugați valori de control. Textul selectat este adăugat la lista de verificare.
În zona Local, faceți clic cu butonul din dreapta pe variabila sau pe obiect, apoi faceți clic pe Adăugați valori de control.
În zona "Watch", faceți clic pe "Faceți clic pentru a adăuga", apoi introduceți numele variabilei pe care doriți să o urmăriți. Textul "Faceți clic pentru a adăuga" poate fi găsit în partea de jos a listei de verificare ca ultimul element din zona "Urmăriți".

Fig. 3. Verificarea variabilelor din "Local"

De fiecare dată când se execută linia de cod, debuggerul actualizează valorile variabilelor din zonele "Local" și "Watch". Valorile actualizate sunt indicate prin text în roșu. Pentru a modifica valoarea unei variabile în zona "Local" sau "Vizualizare", faceți dublu clic pe valoare, tastați noua valoare, apoi apăsați ENTER. De asemenea, puteți să faceți clic dreapta pe obiect și să selectați comanda "Modificare valoare" pentru a începe modificarea. Când ați terminat, apăsați tasta ENTER pentru a comite sau ESC pentru a anula modificarea.

Verificați stiva de apeluri

Folosind consola pentru a executa declarații de cod

În zona "Consola" a aplicației de depanare, este furnizată o consolă pentru execuția operațională a operatorilor de script. Tastați orice operator valid sau nume de variabilă, apoi apăsați ENTER (sau faceți clic pe Run Script) pentru a executa această instrucțiune în contextul paginii curente și al locului în care execuția este întreruptă.

Pentru a specifica valorile variabilelor, utilizați sintaxa de atribuire standard:

Când faceți clic pe butonul mod Multiline, fereastra de introducere este mărită, permițându-vă să introduceți mai multe linii. Modul de funcționare a tastei ENTER se modifică, astfel încât atunci când apăsați acest buton, scriptul nu este executat, dar este creată o nouă linie. Aici puteți introduce mai multe linii de cod și apoi le executați făcând clic pe butonul "Run Script". În fereastra de intrare a cărei mărime poate fi schimbată, în meniul contextual sunt oferite comenzi suplimentare.

Zona "Consola" poate fi utilizată oricând, chiar dacă debuggerul nu rulează. Când execuția se oprește la un punct de întrerupere, comenzile introduse în această zonă sunt executate în domeniul punctului de întrerupere; Când execuția nu este întreruptă, comenzile sunt executate în domeniul global.

Utilizarea consolelor pentru Alerte jurnal și mesaje de eroare

Toate erorile de script dintr-o anumită instanță a Internet Explorer sunt înregistrate în zona "Consola" când fereastra "Instrumente pentru dezvoltatori" este deschisă. Pentru a trece la locația de eroare, faceți clic pe informațiile sursă care sunt listate pentru eroare.

Pentru a înregistra mesaje în zona Consola, puteți utiliza și API-ul console.log. În loc să utilizați apelul la fereastra.altare () și să creați dialoguri nenumărate, apelați console.log pentru a afișa rândurile din zona Consola. Pentru a distinge mesajele, utilizați diferite API console.log, de exemplu:

Aceste comenzi ale consolei pot fi invocate cu o listă de argumente care sunt combinate pentru a crea un șir de ieșire. În formatul de argument, aveți posibilitatea să utilizați șabloane de stil wildcard în stilul printf. De exemplu, pentru a apela console.log, puteți utiliza una dintre următoarele metode:

console.log ("Variable x =" + x + "și variabila y =" + y)
console.log ("Variabila x =", x, "și variabila y =", y)
console.log ("Variabila x =. și variabila y =.", x, y)

Cu toate acestea, în comanda console.assert, primul argument necesită o expresie pentru a evalua adevărul sau falsitatea. Dacă expresia este evaluată la adevărat, atunci mesajul de aprobare de verificare nu este transmis către consola; altfel mesajul este afișat pe consolă. exemplu:

Mesajele consolă pot fi filtrate pentru a le afișa sau a le ascunde în panoul consolei. Pentru a selecta mesajele pe care doriți să le afișați sau să le ascundeți în zona Consola, setați filtrul după cum urmează: faceți clic dreapta pe zona Consola și mutați cursorul pe elementul Filtru. Apare o listă cu filtrele disponibile în care este marcat filtrul activ.

În plus, obiectul consola poate fi extins pentru a adăuga noi funcționalități nevoilor de dezvoltare. De exemplu, puteți modifica metoda de ieșire a mesajelor de depanare la consola. Pentru a adăuga comanda console.debug, puteți adăuga următoarele fragmente de cod la codul JScript:

În exemplul anterior, sunt acceptate două argumente și sunt afișate pur și simplu în zona "Consola" cu formatare minimă. După ce definiți comanda console.debug, puteți modifica argumentele funcției și modul de funcționare așa cum doriți. Astfel, obiectul consola poate fi folosit pentru a adăuga orice număr de comenzi noi necesare.

Notă. Deoarece utilizați comenzile consolei existente în noua comandă, "Filtrul" este încă aplicabil. De exemplu, comanda console.debug din exemplul anterior utilizează comanda console.warn pentru a imprima mesaje în zona Consola. Dacă ștergeți caseta de selectare "Alerte consola" din lista "Filtru", în zona "Consola" nu vor apărea mesaje din comanda console.warn.

Pentru a șterge toate mesajele console.log, utilizați funcția console.clear () din cod sau din linia de comandă din zona "Consola". Funcția console.clear () nu șterge nici un mesaj de eroare de script, nici codurile introduse în linia de comandă a zonei "Consola".
Pentru a șterge complet zona "Consola", faceți clic dreapta în zona "Consola" și selectați comanda "Ștergere consola". Aceasta șterge toate mesajele din zona "Consola".

Articole similare

Pagina anterioară

Pagina următoare