Norėdami pasiekti svetainę kompiuterio pusėje, galime paspausti F12, kad atidarytume derinimo įrankį per naršyklę ir peržiūrėtume išvesties žurnalus, tinklo užklausas, tinklalapio elementus, slapukus ir kitą informaciją.
Tačiau kai kuriame mobiliąsias ar mini programas ir programas, kyla neįprasta problema ir negalime tiesiogiai peržiūrėti neįprastos informacijos. Šiame straipsnyje rekomenduojami du priekinės dalies kūrėjų derinimo skydeliai.
Pirmiausia įkelkite šaltinio kodą:
vKonsolė
Lengvas, keičiamo dydžio, priekinės dalies kūrėjų derinimo skydelis mobiliesiems tinklalapiams.
- Patikrinkite konsolės žurnalus
- Tinklo užklausų peržiūra
- Peržiūrėkite puslapio elemento struktūrą
- Peržiūrėkite slapukus, localStorage ir SessionStorage
- Rankiniu būdu vykdykite JS komandų eilutę
- Pasirinktiniai įskiepiai
Adresas:Hipersaito prisijungimas matomas.
Eruda
"Eruda" yra derinimo skydelis, skirtas mobiliųjų tinklalapių priekinei daliai, panašus į mini "DevTools" versiją, su pagrindinėmis funkcijomis, tokiomis kaip: konsolės žurnalų fiksavimas, elementų būsenos tikrinimas, XHR užklausų fiksavimas, vietinės saugyklos ir slapukų informacijos rodymas ir kt.
Mygtuko vilkimas ir nuleidimas, skydelio skaidrumo dydžio nustatymas.
- Konsolės skydelis: fiksuoja konsolės žurnalus, palaiko žurnalą, klaidą, informaciją, įspėti, dir, time/timeEnd, išvalyti, skaičiuoti, tvirtinti, lentelė; Vietos rezervavimo ženklų palaikymas, įskaitant %c pasirinktinio stiliaus išvestį; Palaikykite filtravimą pagal žurnalo tipą ir reguliariąją išraišką; Palaikomas JavaScript scenarijaus vykdymas.
- Elementų skydas: peržiūrėkite žymos turinį ir ypatybes; Sužinokite, kaip jūsų programa stiliai DOM; Puslapio elementų paryškinimo palaikymas; Palaikykite tiesioginio paspaudimo pasirinkimą ekrane; Peržiūrėkite įvykių, susietų su DOM, tipus.
- Tinklo skydelis: fiksuokite užklausas ir peržiūrėkite informaciją, pvz., išsiųstus duomenis, grąžinimo antraštes ir grąžintą turinį.
- Išteklių skydelis: peržiūrėkite ir išvalykite localStorage, sessionStorage ir slapukus. Peržiūrėti puslapio įkėlimo scenarijus ir stiliaus failus; Peržiūrėti puslapio įkėlimo vaizdus.
- Šaltinių skydelis: peržiūrėkite puslapio šaltinio kodą; Formatuokite HTML, CSS, JS kodą ir JSON duomenis.
- Informacijos skydelis: išvesties URL ir vartotojo agentas; Palaikykite pasirinktinį išvesties turinį.
- Fragmentų skydelis: pridėkite kraštines prie puslapio elementų; Pridėkite laiko žymą, kad atnaujintumėte puslapį; Palaikomi tinkinti kodo fragmentai.
Adresas:Hipersaito prisijungimas matomas. |
Paskelbta 2020-06-29 15:36:20
|
|
|
|
Savininkas