Event Listeners huonyesha kila kipengele kilicho na event listener, kilichopakwa rangi kulingana na aina - bofya, kielee juu, kusogeza, mguso, kibodi na umbo - huonyesha mahali ambapo kila kidhibiti kilitoka, na kuwamulika vipengele kadiri DOM inavyobadilika.
Kujua ni kwa nini kitu fulani kinajibu - au haifanyi - kwa kawaida huanza na swali ambalo ukurasa hautajibu: kuna kidhibiti cha kubofya kwenye kipengele hiki hata kidogo? Ni kipengele gani hasa kinamiliki tabia ya kuelea? Je, ni nini kusikiliza kusogeza na kufanya ukurasa kugugumia? DevTools ya Kivinjari inaweza kuorodhesha listeners wa kipengele kimoja kwa wakati mmoja, ikiwa tayari unajua ni kipengele gani cha kuchagua.
Chombo hiki kinajibu swali la ukurasa mzima mara moja. Kila kipengele kilicho na listener hupata muhtasari wa rangi ya aina yake - bonyeza, kuelea, kusogeza, kugusa na kuburuta, kibodi, au fomu na kuzingatia - na kuelea moja huonyesha matukio kamili na mahali ambapo kila moja ilitoka: sifa ya ndani, mali, kidhibiti cha React au Vue, jQuery, au addEventListener. Vigae vya kategoria huwasha na kuzima kila aina, na orodha iliyo chini ya majina kila kipengele, kwa hivyo mbofyo mmoja hukusogeza kwake.
Mifumo inashughulikiwa ipasavyo. React huambatanisha listeners wake kwenye mzizi na kutuma matukio ndani, jambo ambalo litafanya programu nzima ionekane kuwa ya kubofya; zana huweka kando usajili huo wa mizizi na huonyesha vidhibiti vya React kwenye vipengele vinavyotangaza. Uchanganuzi wa haraka hauhitaji upakiaji upya na hufunika vidhibiti vya ndani, React, Vue na jQuery. Listeners walioongezwa na plain addEventListener kabla ya zana kufunguliwa inaweza tu kuonekana tangu mwanzo wa upakiaji wa ukurasa, kwa hivyo Reload & record upakie upya ukurasa mara moja ikiwa imewashwa kurekodi - zana kisha hujifungua yenyewe huku kila listener akijumuishwa, zile za kiwango cha ukurasa kwenye window na document pia.
Kichupo cha pili kinatazama DOM yenyewe. Kila nodi iliyoongezwa au kuondolewa, mabadiliko ya sifa na mabadiliko ya maandishi yanawaka kwenye ukurasa, vihesabu vinaonyesha mabadiliko kwa sekunde, na orodha huweka vipengele vinavyobadilika zaidi, na sifa zinazohusika. Kutiririsha kwa uthabiti huku hakuna mtu anayegusa ukurasa kwa kawaida humaanisha kipima muda, uhuishaji unaoendeshwa na JavaScript au mfumo unaotoa tena zaidi ya inavyopaswa - vitu hasa vinavyomaliza betri na kufanya kurasa kugugumia.
Vipengele vilivyo na listeners kubofya, kuelea, kusogeza, kugusa, kibodi na fomu vimeainishwa kwa rangi zao wenyewe, na vigae vya kuonyesha au kuficha kila aina.
Sifa za ndani, sifa-msingi, vidhibiti vya React na Vue, matukio jQuery na simu za addEventListener, zilizo na lebo kwenye kila kipengele.
listeners ngazi ya mizizi ya React huwekwa kando, na vishikilizi vyake vinaonyeshwa kwenye vipengele vinavyovitangaza badala ya kwenye programu nzima.
Reload & record hunasa kila simu ya addEventListener tangu mwanzo wa upakiaji wa ukurasa, ikijumuisha listeners window na document, kwa upakiaji huo mmoja pekee.
Nodi zilizoongezwa na kuondolewa, mabadiliko ya sifa na mabadiliko ya maandishi kwenye ukurasa, na kihesabu cha mabadiliko kwa sekunde.
Orodha iliyoorodheshwa ya vipengee vinavyobadilika zaidi, pamoja na sifa zinazohusika, huelekeza moja kwa moja kwenye uwasilishaji upya.
Tazama kwa haraka kama kitufe kina listener, au ikiwa kidhibiti kinakaa kwenye kipengee cha kanga badala yake.
Tafuta kila kipengele kinachosikiliza kusogeza, gurudumu au kusogeza kwa mguso, ikijumuisha listeners kwenye window na document.
Angalia ni vidhibiti vipi vinavyojibu matukio ya kibodi na vipi vinajibu kipanya pekee.
Tazama kihesabu cha mabadiliko wakati ukurasa haufanyi kitu; vipengele ambavyo vinaendelea kubadilisha mahali kwa kipima muda au mfumo unaofanya kazi ya ziada.
Elea kuzunguka tovuti usiyoifahamu ili kuona ni sehemu gani zinazoingiliana na ni mfumo gani ulioziunganisha.
Bofya aikoni ya Event Listeners kwenye kituo cha DevSuite Pro. Uchanganuzi wa haraka huendeshwa mara moja na kubainisha kila kipengele kinachopata.
Elea kipengee chochote kilichoainishwa ili kuona matukio yake na vyanzo vyake. Tumia vigae vya kategoria ili kuonyesha listeners kubofya, kuelea tu au kusogeza.
Bonyeza Reload & record ili upakie upya ukurasa mara moja ukiwasha kurekodi. Zana hufunguliwa yenyewe na sasa inajumuisha kila simu ya addEventListener.
Bofya safu mlalo kwenye orodha ili kusogeza ukurasa hadi kwenye kipengele hicho na kuiwasha. Copy report hukupa orodha kamili kama maandishi.
Fungua kichupo cha DOM mutations na utumie ukurasa. Vipengee vinavyobadilika vinang'aa, na vilivyo busy zaidi vinapanda hadi juu ya orodha.
Sakinisha DevSuite Pro bila malipo na ufungue zana 74+ za wasanidi kwa kivinjari chako.
