Veebilehele PC poolel ligipääsuks saame vajutada F12, et avada silumistööriist brauseri kaudu, et vaadata väljundlogisid, võrgupäringuid, veebilehe elemente, küpsiseid ja muud teavet.
Kuid kui arendame mobiilseid või miniprogramme ja rakendusi, tekib ebanormaalne probleem ning me ei saa seda ebanormaalset infot otse näha. See artikkel soovitab kasutada kahte esipaneeli arendaja silumispaneeli.
Esmalt laadi lähtekood üles:
vConsole
Kerge, skaleeritav, kasutajaliidese arendaja siluripaneel mobiililehtedele.
- Vaata konsooli logisid
- Vaata võrgu päringuid
- Vaata lehe elemendi struktuuri
- Vaata Cookies'i, localStorage'i ja SessionStorage'i
- Käivita JS käsurea käsitsi
- Kohandatud pluginad
Aadress:Hüperlingi sisselogimine on nähtav.
eruda
Eruda on silumispaneel, mis on loodud mobiilsete veebilehtede esipaneelile, sarnaselt DevToolsi miniversioonile, sisaldades olulisi funktsioone nagu: konsoolilogide salvestamine, elementide oleku kontrollimine, XHR-päringute salvestamine, kohaliku salvestuse ja küpsiste info kuvamine ning palju muud.
Nupu lohistamine ja kukutamine, paneeli läbipaistvuse suuruse seadistus.
- Konsoolipaneel: salvestab konsooli logid, toetav logi, vea, info, hoiatus, dir, aeg/aegEnd, puhastamine, loendamine, kinnitamine, tabel; Tugi ajutiste jaoks, sealhulgas %c kohandatud stiili väljund; Toeta filtreerimist logitüübi ja regulaaravaldise järgi; JavaScripti skripti täitmine on toetatud.
- Elementide paneel: Vaata sildi sisu ja omadusi; Vaata, kuidas su rakendus DOM-is toimib; Toetus lehe elementide esiletõstmiseks; Toeta otseklõpsu valikut ekraanil; Vaata, milliseid üritusi DOM-is on seotud.
- Võrgupaneel: Püüa päringuid ja vaata infot, nagu saadetud andmed, tagastuspäised ja tagastatud sisu.
- Ressursside paneel: Vaata ja puhasta localStorage, sessionStorage ja küpsised. Vaata lehe laadimisskripte ja stiilifaile; Vaata lehte, laadi pilte.
- Allikate paneel: Vaata lehe lähtekoodi; Vorminda HTML, CSS, JS kood ja JSON-andmed.
- Infopaneel: väljundURL ja kasutajaagent; Toeta kohandatud väljundi.
- Katkete paneel: lisa lehe elementidele ääred; Lisa ajatempel, et lehte värskendada; Kohandatud koodilõigud on toetatud.
Aadress:Hüperlingi sisselogimine on nähtav. |
Postitatud 29.06.2020 15:36:20
|
|
|
|
Üürileandja