← ወደ ባህሪያት ይመለሱ
Free

ኮንሶል መዝጋቢ

ኮንሶል መዝጋቢ ሁሉንም ኮንሶል ውፅዓት (console.log፣ console.warn፣ console.error፣ console.info) ይይዛል እና ያለ ብራውዘር DevTools መክፈት በቀጥታ በገጹ ላይ ባለ ተንሳፋፊ ፓነል ውስጥ ያሳያል። የ JavaScript ስህተቶችን እና ማረም መልእክቶችን በቅጽበት ይመልከቱ።

ብራውዘር DevTools ኮንሶል ውፅዓት ለማየት ብቻ መክፈት ውድ ማያ ገጽ ቦታ ይይዛል — በተለይ ትንንሽ ማያ ገጾች ላይ። ኮንሶል መዝጋቢ ቀላል አማራጭ ያቀርባል — ሁሉንም ኮንሶል ውፅዓት ሲከሰት የሚያሳይ ተንሳፋፊ ፓነል።

የቀጥታ ቅድመ እይታ
example.com/app
All Errors (2) Warn (1) Info (1) Log (3) Clear
LOG App initialized 10:24:01
INFO User session restored — ID: u_8f3k2 10:24:01
LOG Fetching /api/dashboard... 10:24:02
WARN Deprecated API endpoint used: /api/v1/stats 10:24:02
LOG Dashboard loaded (238ms) 10:24:02
ERR TypeError: Cannot read property 'map' of undefined 10:24:03
at Dashboard.render (app.js:142:18)
at processChild (react-dom.js:1284:14)
ERR Failed to load resource: 404 /api/avatar.png 10:24:03
ቁልፍ ባህሪያት

ቅጽበታዊ ኮንሶል ምግብ

ኮንሶል መልእክቶች ሲመዘገቡ ቅጽበታዊ ይታያሉ። ገጽ ማስጀመሪያ ምዝግቦች፣ API ምላሽ ያዝ፣ ተጠቃሚ ግንኙነት ክስተቶች እና ስህተት መልእክቶች — ሁሉም በተንሳፋፊ ፓነል ውስጥ ቅጽበታዊ።

ቀለም-coded መልእክት ዓይነቶች

ስህተቶች ቀይ፣ ማስጠንቀቂያዎች ብርቱካናማ/ቢጫ፣ መረጃ ሰማያዊ እና ስታንዳርድ ምዝግቦች ነጭ/ግራጫ። ወሳኝ ስህተት ከመደበኛ ምዝግብ ወዲያውኑ ልዩነት።

ስህተት Stack Traces

JavaScript ስህተቶች ከፋይል ስሞች፣ ተግባር ስሞች እና መስመር ቁጥሮች ጋር ሙሉ stack trace ያካትታሉ። DevTools ሳይከፍቱ ስህተቱ ከየት እንደመጣ ለመለየት ይረዳል።

ዓይነት ማጣሪያዎች

በላይ ያሉ ማጣሪያ ቁልፎች ተኮር መልእክት ዓይነቶችን ለማሳየት/ለመደበቅ ይፈቅዳሉ — ሁሉም፣ ስህተቶች ብቻ፣ ማስጠንቀቂያዎች ብቻ፣ መረጃ ብቻ፣ ምዝግቦች ብቻ።

ጊዜ ማህተሞች

ማንኛውም መልእክት ምስቶ የተመዘገበበት ጊዜ (HH:MM:SS ቅርጸት) ያሳያል። ክስተቶች ቅደም ተከተል ይከታተሉ።

ያጽዱ እና ያውጡ

ሁሉንም መልእክቶች ለማጽዳት ይጀምሩ ወይም ከገጹ ጋር ሲገናኙ ማከማቸት ይቀጥሉ። ፓነሉ ጠቅላላ መልእክት ቁጥር ያሳያል።

የተለመዱ የአጠቃቀም ሁኔታዎች

ያለ DevTools ፈጣን ማረም

ሙሉ ገጽ ሚታይ ሲያስፈልግ ኮንሶል ውፅዓት ለመመልከት ያስፈልግዎታል? ኮንሶል መዝጋቢ DevTools ፓነል ማያ ገጽ ቦታ ሳይይዝ ምዝግቦችን ለመመልከት ያስችላል።

API ጥሪ ውጤቶችን መከታተል

JavaScript API ምላሾችን ከመዘገበ ኮንሶል መዝጋቢ ቅጽበታዊ ያሳያቸዋል።

ጸጥ ያሉ JavaScript ስህተቶችን ማግኘት

አንዳንድ JavaScript ስህተቶች ጸጥ ያለ ይወድቃሉ — ሚታይ UI ለውጥ የለም ግን በኮንሶል ውስጥ ስህተት። ኮንሶል መዝጋቢ በገጹ ላይ ሚታይ ያደርጋቸዋል።

ማሳየት ወቅት Client-Side ማረም

በቀጥታ ማሳየት ወቅት ኮንሶል መዝጋቢ ፓነልን ጥግ ላይ ሚታይ ያድርጉ። ነገር ከተሳሳተ ስህተት መልእክቱን ወዲያውኑ ማየት ይችላሉ።

ሶስተኛ-ወገን Script ችግሮችን መከታተል

ሶስተኛ-ወገን scripts (analytics፣ chat widgets) ብዙ ጊዜ ስህተቶች ይጥላሉ። ኮንሶል መዝጋቢ ውጫዊ ጥገኝነቶች ጤንነት ለመከታተል ያነሳቸዋል።

እንዴት እንደሚጠቀሙ
1

ኮንሶል መዝጋቢ ያንቁ

የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ኮንሶል መዝጋቢ አዶን ጠቅ ያድርጉ። ተንሳፋፊ ፓነል ይታያል እና ኮንሶል ውፅዓት መያዝ ይጀምራል።

2

ከገጹ ጋር ይገናኙ

ገጹን በመደበኛ ይጠቀሙ — ቁልፎችን ጠቅ ያድርጉ፣ ያሰሱ፣ ቅጾችን ያቅርቡ። ኮንሶል መልእክቶች በፓነል ውስጥ ይታያሉ።

3

በመልእክት ዓይነት ያጣሩ

ስህተቶች ወይም ማስጠንቀቂያዎች ብቻ ለማሳየት ማጣሪያ ቁልፎችን ይጠቀሙ።

4

Stack Traces ያንብቡ

ስህተት የተከሰተበትን ፋይል እና መስመር ቁጥር ለማየት stack trace ያስፋፉ።

5

ሲጨርሱ ያጽዱ

ፓነሉን ለማስጀመር "ያጽዱ" ጠቅ ያድርጉ ወይም ለመዝጋት መሳሪያውን ያቦዝኑ።

ለመሞከር ዝግጁ ነዎት? ኮንሶል መዝጋቢ?

DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ