Za dostop do spletne strani na PC-ju lahko pritisnemo F12, da odpremo orodje za odpravljanje napak prek brskalnika, kjer si ogledamo izhodne dnevnike, omrežne zahteve, elemente spletne strani, piškotke in druge informacije.
Vendar pa pri razvoju mobilnih ali mini programov in aplikacij pride do nenavadnega problema in ne moremo neposredno videti nenavadnih informacij. Ta članek priporoča dve sprednji razvijalski plošči za odpravljanje napak.
Najprej naložite izvorno kodo:
vConsole
Lahek, razširljiv, vmesnik za odpravljanje napak za razvijalce na mobilnih spletnih straneh.
- Preveri konzolne dnevnike
- Oglejte si omrežne zahteve
- Poglejte strukturo elementov strani
- Oglejte si Cookies, localStorage in SessionStorage
- Ročno izvedite ukazno vrstico JS
- Prilagojeni vtičniki
Naslov:Prijava do hiperpovezave je vidna.
Eruda
Eruda je panel za odpravljanje napak, zasnovan za vmesnik mobilnih spletnih strani, podoben mini različici DevTools, s ključnimi funkcijami, kot so: zajemanje konzolnih dnevnikov, preverjanje statusa elementov, zajemanje XHR zahtev, prikaz lokalnega shranjevanja in informacij o piškotkih ter še več.
Povleci in spusti gumb, nastavitev velikosti prosojnosti panela.
- Konzolna plošča: zajema konzolne dnevnike, podpira dnevnik, napako, informacije, opozorilo, dir, čas/časKonč, čiščenje, štetje, trditev, tabelo; Podpora za nadomestke, vključno z %c prilagojenim slogom izhoda; Podpora filtriranju po vrsti loga in regularnem izrazu; Podprto je izvajanje JavaScript skript.
- Elementi panel: Ogled vsebine in lastnosti oznak; Poglejte, kako se vaša aplikacija oblikuje na DOM; Podpora za označevanje elementov strani; Podpira izbiro z neposrednim klikom na zaslonu; Oglejte si vrste dogodkov, vezanih na DOM.
- Omrežna plošča: Zajemanje zahtevkov in ogled informacij, kot so poslani podatki, povratne glave in vrnjena vsebina.
- Panel z viri: Oglejte si in počistite localStorage, sessionStorage in piškotke. Oglejte si skripte za nalaganje strani in slogske datoteke; Ogled strani, naloži slike.
- Panel z viri: Oglejte si izvorno kodo strani; Formatirajte HTML, CSS, JS kodo in JSON podatke.
- Informacijska plošča: izhodni URL in uporabniški agent; Podpora za prilagojene izhodne vsebine.
- Panel izsekov: dodajte robove elementom strani; Dodajte časovni žig za osvežitev strani; Podprti so tudi prilagojeni odlomki kode.
Naslov:Prijava do hiperpovezave je vidna. |
Objavljeno na 29. 06. 2020 15:36:20
|
|
|
|
Najemodajalec|
Objavljeno na 8. 02. 2025 13:44:17
|
