Konsooli Logija jäädvustab kogu konsooli väljundi (console.log, console.warn, console.error, console.info) ja kuvab seda ujuvas paneelil otse lehel. Näe JavaScripti vigu, silumissõnumeid ja hoiatusi reaalajas ilma brauseri DevToolsi avamata. Sõnumid on värvikoodiga tüübi järgi ning vigade puhul sisaldavad ajatempleid ja virna jälgi.
Brauseri DevToolsi avamine ainult konsooli väljundi kontrollimiseks võtab väärtuslikku ekraaniruumi — eriti väiksetel ekraanidel või kui pead nägema kogu lehte, jälgides samal ajal logisid. Konsooli Logija pakub kergekajalise alternatiivi: ujuv paneel, mis näitab kogu konsooli väljundit selle toimumisel, lehele kihistatud. Paneel jäädvustab console.log, console.warn, console.error, console.info ja tabamata erandeid täielike virna jälgedega. Sõnumid on värvikoodiga (vead punases, hoiatused kollases, info sinises, logid valge/hallides) ja sisaldavad ajatempleid sündmuste toimumise jälgimiseks. Filtri nupud lasevad sul näidata ainult konkreetseid sõnumite tüüpe — näita ainult vigu krahhi silumisel või ainult hoiatusi, et otsida aegumisteateid. Paneel on lohistatav, suuruse muutmiseks võimeline ja poollabipaistva, et mitte blokeerida liiga palju lehe sisu.
Konsooli sõnumid ilmuvad reaalajas, kui need logitakse. Vaata lehe initsialiseerimisel logisid, API vastuse töötlust, kasutaja interaktsiooni sündmusi ja veateated — kõik voogesitades reaalajas ujuvas paneelil.
Vead punases, hoiatused merevaiguvärvis/kollases, info sinises ja standardlogid valge/hallides. Erista koheselt kriitilist viga tavalisest logisõnumist ainult värvi järgi.
JavaScripti vead sisaldavad täielikku virna jälge failinimede, funktsiooninimede ja reaanumbritega. Klõpsa failiviitel, et tuvastada täpselt, kust viga pärineb, ilma DevToolsi avamata.
Ülaosas olevad filtri nupud lasevad sul kuvada/peita konkreetseid sõnumite tüüpe: Kõik, Ainult Vead, Ainult Hoiatused, Ainult Info, Ainult Logid. Iga filtri loenduri märgis näitab, mitu sõnumit seda tüüpi eksisteerib.
Iga sõnum näitab selle logimise aega (HH:MM:SS formaadis). Jälgi sündmuste järjestust, tuvasta jõudlusprobleeme (kui kaua API kõne ja vastuse vahel) ja korreleeri sõnumeid kasutaja toimingutega.
Kustuta kõik sõnumid, et alustada värskelt, või jätka kogumist, kui suhtled lehega. Paneel näitab sõnumite koguarvu ja seda saab minimeerida, kui pole vaja.
Pead nägema konsooli väljundit, hoides samal ajal kogu lehe nähtavana? Konsooli Logija laseb sul jälgida logisid ilma DevToolsi paneelita, mis võtaks ekraaniruumi. Ideaalne väiksematel ekraanidel või esitluste ajal.
Kui sinu JavaScript logib API vastuseid, näitab Konsooli Logija neid reaalajas. Vaata päringu/vastuse andmeid ilma lehe ja DevToolsi vahel lülitumata.
Mõned JavaScripti vead ebaõnnestuvad vaikselt — pole nähtavat UI muutust, kuid konsoolis on viga. Konsooli Logija muudab need lehel nähtavaks, et märkaksid neid tavapärase sirvimise ajal.
Otseülekande demo ajal hoia Konsooli Logija paneel nähtaval nurgas. Kui midagi läheb valesti, näed kohe veateadet, katkestamata demot DevToolsi avamiseks.
Kolmanda osapoole skriptid (analüütika, vestlusvidinad, reklaamivõrgustikud) viskavad sageli vigu või hoiatusi. Konsooli Logija jäädvustab need, et saaksid jälgida väliste sõltuvuste tervist.
Ava DevSuite Pro ujuv dokk ja klõpsa Konsooli Logija ikoonil. Ilmub ujuv paneel ja alustab koheselt konsooli väljundi jäädvustamist.
Kasuta lehte normaalselt — klõpsa nuppe, navigeeri, esita vorme. Konsooli sõnumid ilmuvad paneelil, kui lehe JavaScript neid logib.
Kasuta filtri nuppe, et näidata ainult vigu, hoiatusi või logisid. Loenduri märgised näitavad, mitu sõnumit iga tüübi jaoks eksisteerib.
Veasõnumite puhul laienda virna jälg, et näha faili ja rea numbrit, kus viga tekkis. Kasuta seda vea allika tuvastamiseks.
Klõpsa "Kustuta", et paneel lähtestada, või deaktiveeri tööriist selle sulgemiseks. Lehele ei jää jälgi.
Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.
