Kitafuta Njia ya DOM hukuruhusu kuelekeza kipanya (hover) kwenye kipengele chochote ukurasani ili kufichua kiteuzi chake cha kipekee cha CSS, kiteuzi kifupi, XPath, na kijisehemu cha querySelector kilicho tayari kubandikwa. Bofya ili kufunga kipengele, kisha urambaze kwa vitufe vya Mzazi/Mtoto/Ndugu. Muhimu kwa watumiaji wa Selenium, Puppeteer, Playwright, na Cypress.
Kuandika majaribio ya kiotomatiki, vikwaruza vya wavuti, au vijitabu kunamaanisha kuandika wateuzi — lakini kubaini kiteuzi thabiti na cha kipekee kwa kipengele mahususi ni jambo la kuchosha. Unafungua Zana za Wasanidi Programu (DevTools), unakagua (inspect), unabonyeza-kulia, unanakili kiteuzi, na kutumaini matokeo ni ya kipekee na thabiti. Kitafuta Njia ya DOM hurahisisha hili kwa mbofyo mmoja. Washa zana na uelekeze kipanya kwenye kipengele chochote ukurasani - huangazia zambarau unaposonga. Bofya ili kukifunga, na paneli inajaa miundo minne ya wateuzi: kiteuzi cha kipekee cha CSS cha njia, kiteuzi kifupi (lebo + madarasa au kitambulisho), XPath kamili, na kijisehemu kilichofungwa cha document.querySelector('...') kilicho tayari kubandikwa kwenye hati (script). Kikishafungwa, unaweza kupitia mti wa DOM kwa vitufe vya Mzazi / Mtoto wa Kwanza / Ndugu Uliotangulia / Ndugu Anayefuata bila kupoteza lengo. Sifa za Data-testid hugunduliwa na kupewa kipaumbele zikiwapo - bora kwa Playwright/Cypress ambao huzitumia kama nanga. Zana pia huonyesha lebo, id, madarasa, saizi ya ukingo, na sifa za onyesho/msimamo kwa muktadha wa haraka.
Sogeza kipanya chako juu ya ukurasa ili kuona vipengele vikiangazia zambarau. Bofya ili kufunga — hakuna haja ya Kichanganuzi cha DevTools.
Njia ya kipekee ya CSS, kiteuzi kifupi, XPath kamili, na kijisehemu kilichofungwa cha querySelector. Chagua kinachofaa zana yako.
Baada ya kufungwa, tumia vitufe vya Mzazi / Mtoto wa Kwanza / Uliotangulia / Ifuatayo ili kupitia DOM bila kuchagua tena.
Kila kiteuzi kina kitufe chake cha Nakili. Nyakua muundo ambao hati yako inahitaji na ubandike moja kwa moja kwenye jaribio au kikwaruza chako.
Huonyesha lebo, id, madarasa, saizi, onyesho, na msimamo — muhtasari wa haraka bila kukagua tena.
Ikiwa kipengele kina id, CSS ya kipekee hutumia #id. Ikiwa data-testid ipo, inawekwa wazi kwa matumizi ya Playwright/Cypress.
Chagua kipengele kinachojaribiwa, nakili kiteuzi chake, na ubandike kwenye msimbo wako wa majaribio — hakuna tena kukisia njia za kipekee.
Tafuta kiteuzi cha kimuundo cha vipengee vya orodha kwenye lengwa la kukwaruza. Tumia kiteuzi kifupi au cha njia kulingana na mahitaji ya uthabiti.
Funga kipengele na unakili njia yake ili kuchunguza kwa nini CSS haitumiki — kiteuzi cha kipekee huonyesha eneo kamili la mti wa kipengele hicho.
Nakili kijisehemu kilichofungwa cha document.querySelector(...) moja kwa moja kwenye Kiweko cha DevTools kwa utatuzi wa haraka wa mwingiliano.
Unapokagua ufikikaji, tumia XPath kulisha vipengele kwenye axe-core au zana zingine za a11y ambazo zinatarajia marejeleo ya XPath.
Bofya ikoni ya Kitafuta Njia kwenye gati ya DevSuite Pro. Zana inawashwa katika hali ya kuchagua mara moja.
Sogeza kipanya chako juu ya ukurasa — kila kipengele huangazia zambarau unapopita juu yake. Tembeza inavyohitajika ili kupata lengwa lako.
Bofya kipengele unachotaka. Kichaguzi kinasimama na paneli inajazwa na miundo ya kiteuzi, muktadha, na vitufe vya kunakili.
Tumia vitufe vya Mzazi/Mtoto/Ndugu ili kuboresha uteuzi, au ubofye Chagua Kipengele ili kuanza kuchagua-kwa-kuelea tena.
Bofya Nakili kando ya muundo unaohitaji (CSS, XPath, au querySelector). Bandika moja kwa moja kwenye jaribio, kikwaruza, au kiweko (console) chako.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
