Hvad er det?
Bare en debug-aktiveret WebView, der giver dig mulighed for at bruge Chromes udviklingsværktøjer (kører på din pc eller Mac) til at inspicere og fejlsøge din webapp, mens den kører på din faktiske enhed .
Målet er kun mod webudviklere og webdesignere
Denne app er bygget til webudviklere, der sigter mod at levere den bedste brugeroplevelse af deres webapp til Android-brugere. Hvis du ikke er en webudvikler eller webdesigner, der er interesseret i fejlsøgning af webapps, er du sandsynligvis bedre med en normal browser;)
Hvad bruges det?
Hvis du nogensinde har åbnet dit websted i Android-aktiebrowser og stødt på et af følgende problemer, kan denne app vise sig at være nyttig for dig:
& # 8226; & # 8195; layout eller styling på dit websted vises ødelagt, når det ses i Android-aktiebrowser
& # 8226; & # 8195; Din JavaScript kode producerede ikke det forventede resultat, eller beregningen skal pludselig være stoppet under udførelsen (måske blev en undtagelse kastet?)
& # 8226; & # 8195; Animationer er halte eller animerer bare ikke som forventet
Beskrivelse
Det sker undertiden, at en webapp ikke fungerer på mobile browsere, selvom den fungerer fint på desktop browsere. Endnu værre forekommer nogle gange defekter kun på (visse) mobile enheder, så du kan ikke simulere og gengive den i en desktop browser. Det er her fjernfejlretning med Chromes DevTools viser sig at være nyttigt. Mens Chrome til Android allerede perfekt understøtter dette, gør Android-aktiebrowseren det ikke. Dette er uheldig, da en masse Android-bugs ser ud til kun at forekomme i aktiebrowser og ikke på Chrome alligevel.
Så denne app giver dig mulighed for at køre websteder i den oprindelige browser (WebView), samtidig med at du giver dig muligheden for at inspicere og fejlsøge siden med Chrome DevTools.
Sådan startes ekstern debugging?
1. Aktivér Developer Mode på din Android-enhed, og tilslut den til din PC / Mac
2. Åbn denne app og naviger til dit websted ved at indtaste dets URL
3. Åbn Chrome på din pc / Mac og skriv "chrome: // inspect" i adresselinjen
4. I Chrome skal du markere "Find USB-enheder", og den viser den webside, du har åbnet på din enhed
5. Hit inspicere og nyd fjernfejlfinding af appen med Chrome Developer Tools
For mere information, se: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser