WebSocket Inspector jäädvustab iga WebSocket-kaadri — saadetud ja vastuvõetud — kõigist lehel olevatest ühendustest. Näitab ühenduse elutsüklit (connecting/open/closed koos sulgemiskoodidega), iga kaadri suunda, suurust, binaarlippu ja eelvaadet koos ilusti vormindatud JSON-sisuga. Täidab tegeliku lünga DevToolsis reaalajaprotokollide silumiseks.
WebSocketid toidavad vestlusrakendusi, reaalajapaneele, GraphQL tellimusi, mitmemängijamänge ja koostööredigeerimist — kuid nende silumine on valus. Chrome DevTools näitab WebSocket-kaadreid, kuid selle kasutajaliides on kohmakas ja filtreerimine piiratud. WebSocket Inspector pakub puhtamat, otstarbekohast vaadet. Tööriist paigaldab lehe kontekstis ümbrise algupärase WebSocket-konstruktori ümber, nii et iga uus WebSocket() püütakse kinni. Iga ühendus ilmub loendisse koos URL-i, olekuga (connecting → open → closed), kestusega ja sulgemiskoodiga ühenduse katkemisel. Iga kaader — saadetud ja vastuvõetud — jäädvustatakse koos ajatempli, suuna, suuruse, binaarlipu ja eelvaatega. Klõpsa mis tahes kaadril, et näha selle täielikku sisu, mis vormindatakse automaatselt ilusti, kui tegemist on JSON-iga. Filtreeri suuna järgi (saadetud / vastuvõetud), ainult-binaarne, või konkreetse ühenduse järgi. Kuna ümbris paigaldub tööriista aktiveerimisel, tasub olemasolevate ühenduste püüdmiseks lehte uuesti laadida — uued ühendused jäädvustatakse alates tööriista avamise hetkest.
Näitab iga WebSocketi olekuga (connecting/open/closed), URL-i, kestust, sulgemiskoodi ja võimalikku sulgemispõhjust.
Nii saadetud (↑) kui vastuvõetud (↓) kaadrid kuvatakse koos ajatempli, suuruse, binaarlipu ja sisese eelvaatega.
Klõpsa kaadril, et näha täielikku sisu. JSON-stringid vormindatakse automaatselt 2-tühikulise taandega loetavaks uurimiseks.
Filtreeri kaadreid ainult saadetuteks, ainult vastuvõetuteks või ainult binaarseteks — keskendu sellele, mida sa silud.
Klõpsa ühendusel, et filtreerida kaadreid ainult selle jaoks — kasulik, kui mitu WebSocketit on aktiivsed (nt vestlus + kohaolek).
Iga WebSocket, mis avatakse pärast tööriista aktiveerimist, jäädvustatakse kohe. Laadi uuesti ainult varemolemasolevate püüdmiseks.
Vaata täpselt, milliseid sõnumeid saadetakse ja võetakse vastu kliendi ja serveri vahel — leia, kus kohaletoimetamine ebaõnnestub.
Uuri tellimustoiminguid ja sissetulevaid andmeedastusi, et siluda vastuolulisi sisusid või tellimuste lammutamise vigu.
Mõista, kuidas kolmanda osapoole reaalaja API töötab, jälgides selle sõnumistruktuuri ja ajastust.
Kontrolli, et keep-alive kaadreid saadetakse oodatud intervalliga — vahelejäänud ping võib selgitada ootamatuid ühenduse katkemisi.
Jälgi sulgemissündmust (koodi ja põhjusega) ning järgnevaid uue ühenduse katseid, et siluda korduskatse/taasühendumise vigu.
Klõpsa DevSuite Pro dokis WebSocket ikoonil. Tööriist aktiveerub ja avaneb paneel, mis näitab ühendusi ja kaadreid.
WebSocketid, mis avati ENNE tööriista aktiveerimist, ei jäädvustu. Laadi uuesti, et need uuesti luua ja algusest peale kinni püüda.
Kui leht avab WebSocketid, ilmuvad need Connections loendisse elava olekuuuendusega.
Iga kaader logitakse reaalajas. Filtreeri suuna järgi või klõpsa ühendusel loendi kitsendamiseks.
Klõpsa mis tahes kaadril, et näha selle täielikku sisu (ilusti vormindatud JSON, kui asjakohane) koos ajatempli, suuruse ja binaarlipuga.
Paigaldage DevSuite Pro tasuta ja avage 64+ arendustööriista oma brauserile.
