ኔትዎርክ ክትትል በአሁኑ ገጽ የተደረጉ ማንኛውንም ኔትዎርክ ጥያቄ ይይዛል እና ያሳያል — XHR/Fetch API ጥሪዎች፣ script ጫኖች፣ ስታይልሺት ማግኘቶች፣ ምስል ማውረዶች እና ተጨማሪ — ሁሉም ያለ ብራውዘር DevTools ቅጽበታዊ ተንሳፋፊ ፓነል ውስጥ።
Chrome DevTools ኔትዎርክ ትር ኃይለኛ ግን ከባድ ነው — ከፍተኛ ማያ ገጽ ቦታ ይይዛል። ኔትዎርክ ክትትል አስፈላጊ ኔትዎርክ ክትትል ባህሪያትን በገጹ ላይ ባለ ቀላል ተንሳፋፊ ፓነል ያቀርባል።
ማንኛውም ኔትዎርክ ጥያቄ ሲከሰት በፓነል ውስጥ ይታያል — ገጽ ጫኖች፣ API ጥሪዎች፣ ዘግይተው የተጫኑ ንብረቶች እና ዳራ ማግኘቶች።
ሙሉ ዝርዝሮች ለማየት ማንኛውንም ጥያቄ ጠቅ ያድርጉ — URL፣ ዘዴ፣ ራስጌዎች፣ payload፣ ምላሽ ራስጌዎች፣ ምላሽ አካል ቅድመ-እይታ፣ ሁኔታ ኮድ፣ መጠን እና ጊዜ።
ጥያቄዎችን በዓይነት ያጣሩ — XHR/Fetch (API ጥሪዎች)፣ JS (scripts)፣ CSS (ስታይልሺቶች)፣ IMG (ምስሎች)፣ Font (ድረ-ገጽ ፎንቶች) ወይም ሁሉም።
ሁኔታ ኮዶች ለቅጽበታዊ ዝርዝር ቀለም-coded ናቸው — አረንጓዴ 2xx (ስኬት)፣ ቢጫ 3xx (ማዞሪያዎች)፣ ቀይ 4xx (ደንበኛ ስህተቶች) እና 5xx (ሰርቨር ስህተቶች)።
ማንኛውም ጥያቄ ምላሽ መጠን (KB) እና ጠቅላላ ቆይታ (ሚሊሰከንዶች) ያሳያል። ቀርፋፋ API ጥሪዎችን እና ከመጠን በላይ ትልቅ ንብረቶችን ይለዩ።
ማጠቃለያ አሞሌ ለሁሉም የተያዙ ጥያቄዎች ጠቅላላ ጥያቄ ቁጥር እና ጥምር መጠን ያሳያል።
XHR/Fetch ጥያቄዎችን ይመልከቱ frontend ትክክለኛ API endpoints ከትክክለኛ ፓራሜትሮች ጋር እንደሚጠራ ያረጋግጡ።
ቀይ 404 እና 500 ግቤቶች ወዲያውኑ የተሰበሩ ንብረቶችን ወይም ያልተሳኩ API ጥሪዎችን ያደምቃሉ።
ቀርፋፋ ጥያቄዎችን ለማግኘት በቆይታ ያደርድሩ። ትልቁን ንብረቶች ለማግኘት በመጠን ያደርድሩ።
ገጹ በዳራ ምን ኔትዎርክ ጥያቄዎች እንደሚያደርግ ይመልከቱ — analytics pings፣ heartbeat ጥሪዎች፣ ዘግይተው የተጫኑ ንብረቶች።
ጥያቄዎችን ያጣሩ ምን ዶሜይኖች እንደሚገናኙ ይፈትሹ። ያልጠበቁ ኔትዎርክ ጥሪዎች የሚያደርጉ ሶስተኛ-ወገን scripts ይለዩ።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ኔትዎርክ ክትትል አዶን ጠቅ ያድርጉ።
ገጹን በመደበኛ ይጠቀሙ። ማንኛውም ኔትዎርክ ጥያቄ ሲደረግ በፍሰት ውስጥ ይታያል።
እይታውን ለማጥበብ ዓይነት ማጣሪያዎች (XHR፣ JS፣ CSS፣ IMG፣ Font) ጠቅ ያድርጉ።
URL፣ ራስጌዎች፣ payload፣ ምላሽ አካል፣ ሁኔታ ኮድ፣ መጠን እና ጊዜ ለማስፋት ማንኛውንም ጥያቄ ረድፍ ጠቅ ያድርጉ።
ቀይ ሁኔታ ኮዶች (404፣ 500) ያልተሳኩ ጥያቄዎችን ያሳያሉ። ቀርፋፋ ቆይታዎች የብቃት ማነቆዎችን ያሰይማሉ።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
