For at få adgang til hjemmesiden på PC-siden kan vi trykke F12 for at åbne fejlfindingsværktøjet via browseren og se outputlogs, netværksforespørgsler, websideelementer, cookies og anden information.
Men når vi udvikler mobil- eller miniprogrammer og apps, er der et unormalt problem, og vi kan ikke direkte se de unormale oplysninger. Denne artikel anbefaler to front-end udvikler fejlsøgningspaneler.
Upload først kildekoden:
vConsole
Et letvægts, skalerbart, front-end udvikler-debugging-panel til mobile websider.
- Tjek konsol-loggene
- Se netværksforespørgsler
- Se på sideelementets struktur
- Tjek Cookies, localStorage og SessionStorage
- Udfør manuelt JS-kommandolinjen
- Brugerdefinerede plugins
Adresse:Hyperlink-login er synlig.
Eruda
Eruda er et fejlfindingspanel designet til frontenden på mobile websider, lignende en mini-version af DevTools, med nøglefunktioner som: at fange konsollogfiler, tjekke elementstatus, fange XHR-anmodninger, vise lokal lagring og cookieinformation og mere.
Knaptræk og slip, indstilling af panelgennemsigtighedsstørrelse.
- Konsolpanel: fanger konsollogfiler, understøttende log, fejl, info, advarsel, dir, tid/tidEnd, ryd, tælle, assert, tabel; Understøttelse af pladsholdere, herunder %c brugerdefineret output; Understøttelse af filtrering efter log-type og regulært udtryk; JavaScript-scriptudførelse understøttes.
- Elements-panel: Se tag-indhold og egenskaber; Se, hvordan din app styles på DOM; Understøttelse af fremhævelse af sideelementer; Understøt direkte klik på skærmen; Se de typer begivenheder, der er bundet til DOM'en.
- Netværkspanel: Opfang forespørgsler og vis information såsom sendte data, returheadere og returneret indhold.
- Ressourcepanel: Se og ryd localStorage, sessionStorage og cookies. Se sideindlæsningsscripts og stilfiler; Vis sideindlæsningsbilleder.
- Kildepanel: Se kildekoden til siden; Formater HTML, CSS, JS-kode og JSON-data.
- Infopanel: output-URL og brugeragent; Understøt brugerdefineret outputindhold.
- Uddragspanel: tilføj kanter til sideelementer; Tilføj et tidsstempel for at opdatere siden; Brugerdefinerede kodeuddrag understøttes.
Adresse:Hyperlink-login er synlig. |
Opslået på 29/06/2020 15.36.20
|
|
|
|
Udlejer