State Inspector hupata stores Redux, Zustand, Pinia na Vuex kwenye ukurasa uliopo, huonyesha hali yao kama mti ulio hai, na hukuwezesha kutuma vitendo, kuweka kiraka au kupiga simu kwa vitendo vya store bila kufungua kitatuzi.
Hitilafu za sehemu ya mbele mara nyingi huishi katika hali badala ya kuweka alama: bendera ambayo haipinduki kamwe, orodha iliyo na kipengee cha zamani, kitu cha mtumiaji kinakosa uga ambao kiolesura kinatazamiwa. Mifumo ya devtools inaweza kuionyesha, lakini tu wakati kiendelezi sahihi kinasakinishwa, muundo huiweka wazi na uko kwenye mashine ambapo unaweza kufungua kitatuzi. Kwenye tovuti ya staging, kompyuta ya mkononi ya mwenzako au ukurasa wa uzalishaji, ambayo mara nyingi sivyo.
Chombo hiki kinasoma stores moja kwa moja kutoka kwa ukurasa. Redux hupatikana kupitia mikono ya store react-redux kwa Provider wake, Pinia na Vuex kupitia programu ya Vue ambayo wamesakinisha ( Vue 3 na Vue 2), na Zustand kupitia store lililofichuliwa kwenye window au kupitia vipengee vilivyosomwa kutoka humo. Kila store limeorodheshwa ambapo lilipatikana, na hali yake inaonyeshwa kama mti unaokunjwa ambao huweka Maps, Sets, Dates, utendaji na marejeleo ya mduara kuweza kusomeka badala ya kushindwa kusasisha.
Hali ya Live husoma tena store iliyochaguliwa kila baada ya sekunde mbili, huangazia vitufe vya kiwango cha juu vilivyobadilika na kuweka kumbukumbu fupi ya mabadiliko, kwa hivyo unaweza kubofya kuzunguka ukurasa na kutazama ni sehemu gani ya hali ambayo kila mwingiliano unagusa. Kichujio hupata ufunguo au njia yoyote katika mti mkubwa wa hali, na Copy state JSON hukupa picha ya ripoti ya hitilafu au urekebishaji wa majaribio.
Wakati kusoma hakutoshi, ibadilishe mahali pake: tuma kitendo cha Redux, unganisha kitu katika hali ya Zustand au piga moja ya vitendo vyake, $patch store Pinia au endesha vitendo vyake kwa hoja, na ufanye mabadiliko au utume vitendo katika Vuex, ikijumuisha moduli zilizowekwa nafasi kwa majina. Mti na ukurasa husasisha mara moja. Chombo pia kiko wazi kuhusu kile ambacho hakiwezi kufikia: store lililowekwa ndani ya moduli na ambalo halijakabidhiwa kwa kiolesura halionekani kutoka nje, na paneli inaeleza jinsi ya kufichua moja wakati wa usanidi.
Redux na Redux Toolkit, Zustand, Pinia na Vuex kwenye Vue 2 na Vue 3, zimepatikana kiotomatiki - hakuna usanidi na hakuna ndoano ya devtools kwenye muundo.
Jimbo lililowekwa kiota kama mti unaokunjwa unaoshughulikia Maps, Sets, Dates, utendakazi, matukio ya darasa na marejeleo ya mduara, huku Pinia na Vuex getters zikionyeshwa kando.
Hali ya Live huangazia vitufe vya kiwango cha juu vilivyobadilika na kuweka kumbukumbu za kila mabadiliko kwa muhuri wa muda, ili uweze ramani ya mwingiliano ili kubainisha masasisho.
Tuma vitendo vya Redux, pigia simu vitendo vya Zustand na Pinia kwa hoja, $patch jimbo la Pinia, unganisha katika hali ya Zustand, na utume au utume katika Vuex.
Chuja mti mkubwa wa hali kwa ufunguo au njia, kisha unakili hali nzima kama JSON kwa ripoti ya hitilafu, muundo wa majaribio au ulinganisho.
Hakuna cha kusakinisha katika programu na hakuna uundaji wa utatuzi unaohitajika - inafanya kazi kwenye hatua, kwenye uzalishaji na kwenye tovuti za watu wengine, popote ambapo stores yanapatikana.
Angalia ikiwa hitilafu iko kwenye data au katika mwonekano: ikiwa store tayari ina thamani isiyo sahihi, kipengele sio tatizo.
Weka store katika hali ambayo ni vigumu kufikiwa kwa kubofya - toroli tupu, kipindi ambacho muda wake umeisha, bidhaa elfu moja - na uone jinsi kiolesura kitafanya kazi.
Soma stores ya moja kwa moja ya jengo lililowekwa ambapo Redux DevTools au Vue Devtools hazijaunganishwa.
Bofya kupitia programu na utazame kumbukumbu ya mabadiliko ili kujua ni mwingiliano gani unasasisha ni sehemu gani ya jimbo.
Ongeza picha halisi JSON ya store kwenye tikiti badala ya kueleza kile kiolesura kilionyesha.
Bofya aikoni ya State Inspector kwenye kituo cha DevSuite Pro kwenye ukurasa wa React au Vue. Kila store inalopata limeorodheshwa na maktaba yake na mahali lilipopatikana.
Chagua store ili kuona hali yake kama mti. Panua matawi unayohitaji, au charaza kichujio ili kuruka moja kwa moja kwenye ufunguo au njia.
Ukiwasha Live, ingiliana na ukurasa na utazame kumbukumbu ya mabadiliko: kila ingizo linaonyesha saa na vitufe vya kiwango cha juu vilivyobadilika.
Weka kitendo, kiraka au hoja kama JSON na uikimbie. Mti na ukurasa husasisha mara moja, kwa hivyo unaweza kujaribu kesi za makali bila kugusa nambari.
Copy state JSON inanasa store jinsi lilivyo sasa hivi, tayari kubandikwa kwenye tikiti, jaribio au zana ya kulinganisha.
Sakinisha DevSuite Pro bila malipo na ufungue zana 74+ za wasanidi kwa kivinjari chako.
