Firebug - Depanator JavaScript și Profiler

Găsiți cu ușurință script-uri

Multe web vrilozheniya constau dintr-un număr mare de fișiere, și pentru a găsi cel pe care doriți pentru a depana poate fi sarcină de rutină și plictisitoare. Meniu pentru a selecta script-urile în felul Firebug și organizează fișiere într-o listă clară și ușor de înțeles, care vă ajută să găsiți orice fișier cu un clic de un deget.

Pauză de execuție pe orice linie

Firebug vă permite să setați Concentrații care spun depanatorul de a suspenda executarea script-ul, atunci când este vorba de o anumită linie. In timp ce executie este suspendat, puteți viziona valorile tuturor variabilelor și de a inspecta facilități.

Pentru a seta un punct de întrerupere, faceți clic pe numărul de orice rând, și va exista un punct roșu care indică faptul că punctul de oprire este setat. Dați clic pe punctul roșu din nou pentru a elimina breakpoint.

Suspendare executare numai dacă.

Valori critice pot crea probleme în cazul în care declanșatorul de prea multe ori. Uneori vrem să suspende executarea numai în cazul în care sunt îndeplinite anumite condiții. Firebug vă permite să setați „condiționată“ breypkoynty. Ei verifica expresia care trebuie să fie adevărat la sarcina breakpoint.

Un pas

Când debugger este suspendat executarea, puteți păstra script-ul într-un singur pas. Acest lucru vă permite să vedeți în mod clar modul în care performanța unei anumite linii afectează variabilele și obiectele.

Puteți continua, de asemenea, punerea în aplicare a mai mult de o linie. Selectați „Run la această linie“ din meniul contextual al liniei necesară pentru a continua cu această linie în sus.

Întrerup eroare

Nu alege întotdeauna debugger. Uneori debugger te alege pe tine. Firebug vă oferă posibilitatea de a rupe în debugger automat atunci când apare o eroare, astfel încât să puteți explora condițiile în care a survenit problema.

stivă Extended

Când debugger suspendă execuția, Firebug vă arată stiva de apel, adică un set de apeluri de funcții imbricate, care rulează în prezent și de așteptare pentru retur.

Stiva de apel este o fâșie compactă de butoane din panou, fiecare - cu numele funcției în stivă. Aveți posibilitatea să faceți clic pe un buton pentru a sări la linia în cazul în care funcția este suspendată și uita-te la valorile variabilelor locale în cadrul unei funcții.

Observarea expresiile

Tastarea expresia, nu uitați că puteți utiliza tasta Tab pentru a completa automat proprietățile obiectelor.

Sfaturi pentru variabile

In timp ce executie este suspendat, aveți posibilitatea să mutați mouse-ul peste orice variabile ale funcției curente, în căutarea Quickinfo valori. Acesta este un mod minunat de a nu rupe ochii de cod și de a primi răspunsuri direct în timpul citirii.

Cererea dvs. de web aproape în întregime. Ați lucrat toate bug-uri, a face un design elegant și este popular cu utilizatorii. Doar o singură problemă - posibilitatea unor retardare, și nu sunteți sigur de ce ..

Cu Firebug nu mai trebuie să întreb de ce codul este lent. Utilizarea Firebug Profiler, puteți separa muștele de la cotlete în câteva secunde.

Pentru a utiliza Profiler, doar du-te la fila Console și faceți clic pe butonul „Profil“. Apoi popolzuyutsya cererea dumneavoastră pentru un timp, sau reîncărcați pagina și faceți clic pe „Profil“ din nou. Veți vedea un raport detaliat care arată ce funcții au fost numite și cât timp a durat fiecare.

Logging apeluri de funcții

Uneori, funcția problematică este numit atât de multe ori, nu poate merge de fiecare dată în debugger. Vrei doar să știi când este numit și ce parametri.

Pentru a ține evidența tuturor funcțiilor de apeluri, pur și simplu faceți clic dreapta pe tab-ul Script și selectați „Jurnal apeluri către«numele funcției».“ Apoi, du-te la consola și a vedea cum să vă conectați un apeluri pop-up.

Du-te dreapta pe linia 108

De multe ori vrei să mergi exact la linia dorită de script-ul. Nimic nu este mai ușor, pur și simplu introduceți numărul liniei în caseta de căutare rapidă, punând prima #, așa cum se arată în captura de ecran de pe partea stângă.

Firebug - o extensie gratuita pentru Firefox. Pune?