For å få tilgang til nettsiden på PC-siden kan vi trykke F12 for å åpne feilsøkingsverktøyet gjennom nettleseren og se utdatalogger, nettverksforespørsler, nettsideelementer, informasjonskapsler og annen informasjon.
Men når vi utvikler mobil- eller miniprogrammer og apper, oppstår det et unormalt opphav, og vi kan ikke se den unormale informasjonen direkte. Denne artikkelen anbefaler to front-end utvikler-feilsøkingspaneler.
Last først opp kildekoden:
vConsole
Et lett, skalerbart, front-end utvikler-feilsøkingspanel for mobile nettsider.
- Sjekk konsollloggene
- Se nettverksforespørsler
- Se på sideelementets struktur
- Sjekk ut Cookies, localStorage og SessionStorage
- Kjør manuelt JS-kommandolinjen
- Egendefinerte plugins
Adresse:Innloggingen med hyperkoblingen er synlig.
Eruda
Eruda er et feilsøkingspanel designet for frontenden på mobile nettsider, lik en miniversjon av DevTools, med nøkkelfunksjoner som: å fange konsolllogger, sjekke elementstatus, fange XHR-forespørsler, vise lokal lagrings- og informasjonskapselinformasjon, og mer.
Knappe-dra-og-slipp, innstilling for panelets gjennomsiktighetsstørrelse.
- Konsollpanel: fanger konsolllogger, støttelogg, feil, info, advarsel, dir, tid/tidEnd, rydd, telling, assert, tabell; Støtte for plassholdere, inkludert %c tilpasset utdata; Støtte filtrering etter log-type og regulært uttrykk; Kjøring av JavaScript-skript støttes.
- Elements-panel: Vis tag-innhold og egenskaper; Se hvordan appen din stiler på DOM; Støtte for å markere sideelementer; Støtt direkte klikk på skjermen; Se hvilke typer hendelser som er bundet til DOM-en.
- Nettverkspanel: Fang forespørsler og vis informasjon som sendte data, returheadere og returnert innhold.
- Ressurspanel: Vis og fjern localStorage, sessionStorage, og informasjonskapsler. Se sideinnlastingsskript og stilfiler; Se bilder av sideinnlasting.
- Kildepanel: Se kildekoden til siden; Formater HTML, CSS, JS-kode og JSON-data.
- Infopanel: utgangs-URL og brukeragent; Støtt tilpasset innhold.
- Utdragspanel: legg til kanter på sideelementer; Legg til et tidsstempel for å oppdatere siden; Egendefinerte kodeutdrag støttes.
Adresse:Innloggingen med hyperkoblingen er synlig. |
Publisert på 29.06.2020 15:36:20
|
|
|
|
Vert