Debuggable Browser

David Pertiller

Om denne appen

Hva er det?
Bare en debug-aktivert WebView, som lar deg bruke Chrome's Developer Tools (kjører på din PC eller Mac) for å inspisere og feilsøke webappen din mens den kjører på din faktiske enhet .

Målet kun for webutviklere og webdesignere
Denne appen ble bygget for webutviklere som har som mål å levere den beste brukeropplevelsen av webappen sin til Android-brukere. Hvis du ikke er en webutvikler eller nettdesigner som er interessert i feilsøking av nettapper, er du sannsynligvis bedre med en vanlig nettleser;)


Hva er nytten av det?
Hvis du noen gang har åpnet nettstedet ditt i Android-aksjebleseren og har støtt på ett av følgende problemer, kan denne appen vise seg å være nyttig for deg:
& # 8226; & # 8195; layout eller styling på nettstedet ditt vises ødelagt når det vises i Android-aksjebleseren
& # 8226; & # 8195; JavaScript koden ga ikke det forventede resultatet, eller beregningen må plutselig ha stoppet under utførelsen (kanskje et unntak ble kastet?)
& # 8226; & # 8195; Animasjoner er laggy eller animerer bare ikke som forventet

Description
Noen ganger hender det at en nett-app ikke fungerer på mobile nettlesere, selv om den fungerer fint på stasjonære nettlesere. Enda verre forekommer noen ganger feil bare på (visse) mobile enheter, slik at du ikke kan simulere og reprodusere den i en stasjonær nettleser. Det er her fjernfeilsøking med Chrome DevTools viser seg å være nyttig. Mens Chrome for Android støtter dette perfekt allerede, gjør ikke Android-aksjebleseren det. Dette er uheldig, siden det ser ut til at mange Android-bugs bare forekommer i aksjebleseren og ikke på Chrome uansett.
Så denne appen lar deg kjøre nettsteder i den nettleseren som er hjemme (WebView), og samtidig gi deg muligheten til inspiser og feilsøk siden med Chrome DevTools.

Hvordan starte feilsøking?
1. Aktiver utviklermodus på din Android-enhet og koble den til PC / Mac
2. Åpne denne appen og naviger til nettstedet ditt ved å oppgi URL-en
3. Åpne Chrome på PC / Mac og skriv "chrome: // inspect" i adressefeltet
4. I Chrome, sjekk "Oppdag USB-enheter", og den viser websiden du har åpnet på enheten din
5. Hit inspiser og nyt fjernfeilsøking av appen med Chrome Developer Tools

For mer informasjon, les: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Hva er nytt?

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!