Inšpektor WebSocket zajame vsak WebSocket okvir — poslan in prejet — na vseh povezavah na strani. Prikazuje življenjski cikel povezave (connecting/open/closed s kodami zaprtja), smer posameznega okvirja, velikost, zastavico binarnosti in predogled, s pregledno oblikovanimi JSON vsebinami. Zapolnjuje pravo vrzel v DevTools za odpravljanje težav pri protokolih v realnem času.
WebSocketi poganjajo klepetalne aplikacije, žive nadzorne plošče, GraphQL naročnine, večigralske igre in orodja za sodelovalno urejanje — a njihovo odpravljanje težav je boleče. Chrome DevTools sicer prikaže WebSocket okvirje, a njegov vmesnik je okoren in filtriranje omejeno. Inšpektor WebSocket ponuja čistejši, za namen zgrajen pogled. Orodje namesti ovojnico okoli izvornega konstruktorja WebSocket v kontekstu strani, tako da je vsak nov WebSocket() prestrežen. Vsaka povezava se prikaže na seznamu s svojim URL-jem, stanjem (connecting → open → closed), trajanjem in kodo zaprtja ob prekinitvi. Vsak okvir — poslan in prejet — je zajet s časovnim žigom, smerjo, velikostjo, zastavico binarnosti in predogledom. Kliknite na kateri koli okvir za ogled njegove polne vsebine, ki se samodejno pregledno oblikuje, če gre za JSON. Filtrirajte po smeri (poslano/prejeto), samo po binarnih okvirjih ali po določeni povezavi. Ker se ovojnica namesti ob aktivaciji orodja, boste za zajem obstoječih povezav morali osvežiti stran — nove povezave so zajete od trenutka, ko odprete orodje.
Prikaže vsak WebSocket s stanjem (connecting/open/closed), URL-jem, trajanjem, kodo zaprtja in morebitnim razlogom zaprtja.
Prikazani so tako poslani (↑) kot prejeti (↓) okvirji s časovnim žigom, velikostjo, zastavico binarnosti in vgrajenim predogledom.
Kliknite okvir za ogled polne vsebine. JSON nizi se samodejno oblikujejo z 2-mestnim zamikom za pregledno preučevanje.
Filtrirajte okvirje samo na poslane, samo na prejete ali samo na binarne — osredotočite se na tisto, kar odpravljate.
Kliknite povezavo, da filtrirate okvirje samo nanjo — uporabno, kadar je aktivnih več WebSocketov (npr. klepet + prisotnost).
Vsak WebSocket, odprt po aktivaciji orodja, je zajet takoj. Osvežite stran samo za zajem že obstoječih povezav.
Natanko poglejte, katera sporočila se pošiljajo in prejemajo med odjemalcem in strežnikom — ugotovite, kje dostava odpove.
Preglejte naročniške operacije in dohodne posodobitve podatkov, da odpravite neujemajoče vsebine ali napake pri prekinitvi naročnin.
Razumite delovanje API-ja tretje osebe v realnem času z opazovanjem strukture sporočil in časovnega poteka.
Preverite, ali se okvirji za ohranjanje povezave pošiljajo v pričakovanem intervalu — izpuščen ping lahko pojasni nepričakovane prekinitve.
Opazujte dogodek zaprtja (s kodo in razlogom) ter naslednje poskuse nove povezave, da odpravite napake pri ponovnem poskusu/povezovanju.
Kliknite ikono WebSocket v vrstici DevSuite Pro. Orodje se aktivira in odpre se plošča s povezavami in okvirji.
WebSocketi, odprti PRED aktivacijo orodja, ne bodo zajeti. Osvežite stran, da jih ponovno ustvarite in jih zajamete od samega začetka.
Ko stran odpira WebSockete, se ti prikažejo na seznamu povezav s sprotnimi posodobitvami stanja.
Vsak okvir se beleži v realnem času. Filtrirajte po smeri ali kliknite povezavo za zoženje seznama.
Kliknite kateri koli okvir za ogled njegove polne vsebine (pregledno oblikovan JSON, če je primerno) skupaj s časovnim žigom, velikostjo in zastavico binarnosti.
Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.
