WebSocket Inspector በገጹ ላይ ባሉ ሁሉም ግንኙነቶች ውስጥ የተላከውን እና የተቀበለውን እያንዳንዱን WebSocket frame ይይዛል። የግንኙነት የህይወት ዑደት (connecting/open/closed ከ close codes ጋር)፣ በእያንዳንዱ frame አቅጣጫ፣ መጠን፣ binary flag፣ እና ቅድመ-እይታ ያሳያል፣ JSON payloads በንፁህ ተቀርፀው። ለ realtime protocol ማረም እውነተኛ የ DevTools ክፍተትን ይሞላል።
WebSockets የቻት መተግበሪያዎችን፣ ቀጥታ dashboards ን፣ GraphQL subscriptions ን፣ multiplayer ጨዋታዎችን፣ እና የጋራ ማረሚያዎችን ያንቀሳቅሳሉ — ነገር ግን ማረማቸው አዳጋች ነው። Chrome DevTools WebSocket frames ያሳያል፣ ነገር ግን UI ው አስቸጋሪ ነው እና ማጣራት የተገደበ ነው። WebSocket Inspector ንፁህ፣ ለዚህ ዓላማ የተሰራ እይታ ይሰጥዎታል። መሳሪያው በገጹ context ውስጥ ባለው native WebSocket constructor ዙሪያ wrapper ይጭናል፣ ስለዚህ እያንዳንዱ new WebSocket() ይያዛል። እያንዳንዱ ግንኙነት በዝርዝር ውስጥ ከ URL, ሁኔታ (connecting → open → closed)፣ ቆይታ፣ እና ግንኙነቱ ሲቋረጥ close code ጋር ይታያል። እያንዳንዱ frame — የተላከ እና የተቀበለ — ከ timestamp, አቅጣጫ, መጠን, binary flag, እና ቅድመ-እይታ ጋር ይያዛል። ማንኛውንም frame ጠቅ በማድረግ ሙሉ payload ውን ይመልከቱ፣ JSON ከሆነ በራስ-ሰር በንፁህ ተቀርፆ። በአቅጣጫ (የተላከ / የተቀበለ)፣ binary-ብቻ፣ ወይም በተወሰነ ግንኙነት ያጣሩ። wrapper ው መሳሪያው ሲነቃ ስለሚጫን፣ ነባር ግንኙነቶችን ለመያዝ ገጹን እንደገና መጫን ይኖርብዎታል — አዲስ ግንኙነቶች መሳሪያውን ከከፈቱበት ጊዜ ጀምሮ ይያዛሉ።
እያንዳንዱን WebSocket ከሁኔታ (connecting/open/closed)፣ URL, ቆይታ, close code, እና ማንኛውም close reason ጋር ያሳያል።
ሁለቱም የተላከ (↑) እና የተቀበለ (↓) frames ከ timestamp, መጠን, binary flag, እና inline ቅድመ-እይታ ጋር ይታያሉ።
ሙሉ payload ውን ለማየት frame ጠቅ ያድርጉ። JSON strings ለሚነበብ ምርመራ በ 2-space indent በራስ-ሰር ይቀረፃሉ።
frames ን ወደ የተላከ-ብቻ፣ የተቀበለ-ብቻ፣ ወይም binary-ብቻ ያጣሩ — በምን እያረሙ እንዳሉ ላይ ያተኩሩ።
frames ን ወደ አንድ ብቻ ለማጣራት ግንኙነት ጠቅ ያድርጉ — በርካታ WebSockets ንቁ ሲሆኑ ጠቃሚ (ለምሳሌ፣ ቻት + presence)።
መሳሪያው ከነቃ በኋላ የተከፈተ ማንኛውም WebSocket ወዲያውኑ ይያዛል። ቀደም ብለው የነበሩትን ለመያዝ ብቻ እንደገና ይጫኑ።
በ client እና ሰርቨር መካከል ምን መልዕክቶች እንደተላኩ እና እንደተቀበሉ በትክክል ይመልከቱ — ማድረስ የት እንደሚወድቅ ይለዩ።
የማይዛመዱ payloads ወይም subscription teardown bugs ለማረም subscription ስራዎችን እና የገቢ የመረጃ ግፊቶችን ይመርምሩ።
የመልዕክት አወቃቀሩን እና ጊዜውን በመመልከት third-party realtime API እንዴት እንደሚሰራ ይረዱ።
keep-alive frames በሚጠበቀው ልዩነት እየተላኩ መሆኑን ያረጋግጡ — የተጠፋ ping ያልተጠበቁ ግንኙነት መቋረጦችን ሊያብራራ ይችላል።
የ retry/reconnect bugs ለማረም close event ውን (ከ code እና reason ጋር) እና ተከታይ አዲስ የግንኙነት ሙከራዎችን ይመልከቱ።
በ DevSuite Pro dock ውስጥ ያለውን WebSocket አዶ ጠቅ ያድርጉ። መሳሪያው ይነቃል እና ግንኙነቶችን እና frames ን የሚያሳይ ፓነል ይከፈታል።
መሳሪያው ከመንቃቱ በፊት የተከፈቱ WebSockets አይያዙም። ከመጀመሪያው ጀምሮ እንደገና ለመፍጠር እና ለመያዝ እንደገና ይጫኑ።
ገጹ WebSockets ሲከፍት፣ ከቀጥታ ሁኔታ ማዘመኛዎች ጋር በ Connections ዝርዝር ውስጥ ይታያሉ።
እያንዳንዱ frame በእውነተኛ ጊዜ ይመዘገባል። በአቅጣጫ ያጣሩ ወይም ዝርዝሩን ለማጥበብ ግንኙነት ጠቅ ያድርጉ።
ከ timestamp, መጠን, እና binary flag ጋር ሙሉ payload ውን (ተግባራዊ ከሆነ JSON ንፁህ ተቀርፆ) ለማየት ማንኛውንም frame ጠቅ ያድርጉ።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
