Lai piekļūtu vietnei datora pusē, mēs varam nospiest F12, lai atvērtu atkļūdošanas rīku, izmantojot pārlūkprogrammu, lai apskatītu izvades žurnālus, tīkla pieprasījumus, tīmekļa lapas elementus, sīkfailus un citu informāciju.
Tomēr, izstrādājot mobilās vai mini programmas un lietotnes, rodas neparasta problēma, un mēs nevaram tieši apskatīt neparasto informāciju. Šajā rakstā ir ieteikti divi priekšgala izstrādātāju atkļūdošanas paneļi.
Vispirms augšupielādējiet avota kodu:
vConsole
Viegls, mērogojams, priekšgala izstrādātāju atkļūdošanas panelis mobilajām tīmekļa lapām.
- Pārbaudiet konsoles žurnālus
- Tīkla pieprasījumu skatīšana
- Lapas elementu struktūras apskate
- Apskatiet sīkfailus, localStorage un SessionStorage
- Manuāli izpildiet JS komandrindu
- Pielāgoti spraudņi
Adrese:Hipersaites pieteikšanās ir redzama.
Eruda
Eruda ir atkļūdošanas panelis, kas paredzēts mobilo tīmekļa lapu priekšgalam, līdzīgi kā DevTools mini versija, ar tādām galvenajām funkcijām kā: konsoles žurnālu uztveršana, elementu statusa pārbaude, XHR pieprasījumu tveršana, vietējās krātuves un sīkfailu informācijas parādīšana un daudz kas cits.
Pogas vilkšana un nomešana, paneļa caurspīdīguma lieluma iestatījums.
- Konsoles panelis: uztver konsoles žurnālus, atbalsta žurnālu, kļūdu, informāciju, brīdināt, dir, time/timeEnd, notīrīt, skaitīt, apgalvot, tabula; Vietturu atbalsts, ieskaitot %c pielāgota stila izvadi; Atbalstiet filtrēšanu pēc žurnāla veida un regulārās izteiksmes; Tiek atbalstīta JavaScript skripta izpilde.
- Elementu panelis: skatiet tagu saturu un rekvizītus; Skatiet, kā jūsu lietotne veidojas DOM; Atbalsts lapas elementu izcelšanai; Atbalstiet tiešo klikšķu izvēli ekrānā; Skatiet notikumu veidus, kas saistīti ar DOM.
- Tīkla panelis: tveriet pieprasījumus un skatiet informāciju, piemēram, nosūtītos datus, atgrieztās galvenes un atgriezto saturu.
- Resursu panelis: skatiet un notīriet localStorage, sessionStorage un sīkfailus. Skatīt lapas ielādes skriptus un stila failus; Skatīt lapas ielādes attēlus.
- Avotu panelis: skatiet lapas avota kodu; Formatējiet HTML, CSS, JS kodu un JSON datus.
- Informācijas panelis: izejas URL un lietotāja aģents; Atbalstiet pielāgotu izvades saturu.
- Fragmentu panelis: pievienojiet apmales lapas elementiem; Pievienojiet laika zīmogu, lai atsvaidzinātu lapu; Tiek atbalstīti pielāgoti koda fragmenti.
Adrese:Hipersaites pieteikšanās ir redzama. |
Publicēts 29.06.2020 15:36:20
|
|
|
|
Saimnieks