← Rudi kwenye Vipengele
Free

Mwandikaji wa Konsoli

Mwandikaji wa Konsoli ananasa matokeo yote ya konsoli na kuyaonyesha katika paneli inayoelea moja kwa moja kwenye ukurasa.

Mwandikaji wa Konsoli ananasa matokeo yote ya konsoli na kuyaonyesha katika paneli inayoelea moja kwa moja kwenye ukurasa.

Uhakiki wa Moja kwa Moja
example.com/app
Zote Hitilafu (2) Onyo (1) Taarifa (1) Log (3) Safisha
LOG Programu imeanzishwa 10:24:01
INFO Kikao cha mtumiaji kimeurejeshwa — ID: u_8f3k2 10:24:01
LOG Inatafuta /api/dashboard... 10:24:02
WARN Njia ya mwisho ya API iliyopitwa na wakati imetumika: /api/v1/stats 10:24:02
LOG Dashibodi imepakiwa (238ms) 10:24:02
ERR TypeError: Haiwezi kusoma sifa 'map' ya undefined 10:24:03
at Dashboard.render (app.js:142:18)
at processChild (react-dom.js:1284:14)
ERR Imeshindwa kupakia rasilimali: 404 /api/avatar.png 10:24:03
Vipengele Muhimu

Mlisho wa Konsoli wa Moja kwa Moja

Ujumbe wa konsoli huonekana kwa wakati halisi unapoandikwa. Ona magogo ya kuanzishwa kwa ukurasa, ushughulikiaji wa majibu ya API, matukio ya mwingiliano wa mtumiaji, na ujumbe wa hitilafu — yote yakitiririka moja kwa moja kwenye paneli inayoelea.

Aina za Ujumbe kwa Rangi

Hitilafu katika rangi nyekundu, maonyo katika rangi ya kahawia/manjano, maelezo (info) katika rangi ya bluu, na magogo ya kawaida katika rangi nyeupe/kijivu. Tofautisha mara moja kati ya hitilafu mbaya na ujumbe wa gogo la kawaida kwa rangi pekee.

Stack Traces za Hitilafu

Hitilafu za JavaScript ni pamoja na stack trace kamili yenye majina ya faili, majina ya vitendaji, na namba za mistari. Bofya marejeleo ya faili ili kutambua haswa mahali hitilafu ilianzia bila kufungua DevTools.

Vichujio vya Aina

Vifungo vya vichujio vilivyo juu vinakuruhusu kuonyesha/kuficha aina maalum za ujumbe: Zote, Hitilafu pekee, Maonyo pekee, Maelezo pekee, Magogo pekee. Beji ya hesabu kwenye kila kichujio inaonyesha ni ujumbe mingapi ya aina hiyo ipo.

Alama za Muda (Timestamps)

Kila ujumbe unaonyesha muda ulioandikwa (mfumo wa HH:MM:SS). Fuatilia mfuatano wa matukio, tambua masuala ya utendaji (muda gani kati ya ombi la API na jibu), na unganisha ujumbe na vitendo vya mtumiaji.

Futa & Hamisha

Futa ujumbe wote ili kuanza upya, au endelea kukusanya unapoingiliana na ukurasa. Paneli inaonyesha jumla ya idadi ya ujumbe na inaweza kupunguzwa wakati haihitajiki.

Matumizi ya Kawaida

Urekebishaji wa Haraka bila DevTools

Unahitaji kuona matokeo ya konsoli huku ukiruhusu ukurasa mzima kuonekana? Console Logger inakuruhusu kufuatilia magogo bila paneli ya DevTools kuchukua nafasi ya skrini. Kamili kwenye skrini ndogo au wakati wa mawasilisho.

Kufuatilia Matokeo ya Simu za API

Ikiwa JavaScript yako inaandika majibu ya API, Console Logger inayaonyesha kwa wakati halisi. Ona data ya ombi/jibu bila kubadilisha kati ya ukurasa na DevTools.

Kunasa Hitilafu za JavaScript Kimyakimya

Baadhi ya hitilafu za JavaScript zinashindwa kimyakimya — hakuna mabadiliko ya UI yanayoonekana, lakini kuna hitilafu kwenye konsoli. Console Logger inafanya hizi kuonekana kwenye ukurasa ili uziandike wakati wa kuvinjari kawaida.

Urekebishaji upande wa Mteja wakati wa Maonyesho

Wakati wa onyesho la moja kwa moja, weka paneli ya Console Logger ikionekana kwenye kona. Ikiwa kitu kitaenda vibaya, unaweza kuona ujumbe wa hitilafu mara moja bila kukatiza onyesho ili kufungua DevTools.

Kufuatilia Masuala ya Script za Upande wa Tatu

Script za upande wa tatu (analytics, widget za chat, mitandao ya matangazo) mara nyingi hutoa hitilafu au maonyo. Console Logger inanasa hizi ili uweze kufuatilia afya ya utegemezi wa nje.

Jinsi ya Kutumia
1

Washa Mwandikaji wa Konsoli

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Console Logger. Paneli inayoelea inaonekana na kuanza kunasa matokeo ya konsoli mara moja.

2

Ingiliana na Ukurasa

Tumia ukurasa kawaida — bofya vifungo, nenda (navigate), wasilisha fomu. Ujumbe wa konsoli unaonekana kwenye paneli unapoandikwa na JavaScript ya ukurasa.

3

Chuja kwa Aina ya Ujumbe

Tumia vifungo vya vichujio kuonyesha hitilafu, maonyo, au magogo pekee. Beji za hesabu zinaonyesha ni ujumbe mingapi ipo kwa kila aina.

4

Soma Stack Traces

Kwa ujumbe wa hitilafu, panua stack trace ili kuona faili na namba ya mstari ambapo hitilafu ilitokea. Tumia hii kutambua chanzo cha mdudu (bug).

5

Futa Ukimaliza

Bofya "Clear" ili kuweka upya paneli, au zima chombo ili kukifunga. Hakuna alama iliyoachwa kwenye ukurasa.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox