| Bestandstype | APK |
|---|---|
| Versie | 1.3 |
| Uitgever | David Pertiller |
| Datum van publicatie | 12 jan 2020 |
| Datum toegevoegd | 12 jan 2020 |
| OS-vereisten | Android |
| Voorwaarden | Requires Android 4.4 and up |
| Totaal aantal downloads | 0 |
| Prijs | Free |
Omschrijving
Foutopsporing voor webontwikkelaars en webdesigners
Opmerking
Deze app is gebouwd voor webontwikkelaars die de beste gebruikerservaring van hun web-app willen leveren aan Android-gebruikers. Als je geen webontwikkelaar of webdesigner bent of niet goed hebt begrepen waar dit allemaal over gaat, dan is deze app waarschijnlijk niet wat je zoekt ;)
Dus wat is het?
Gewoon een debug-enabled WebView, waarmee u de ontwikkelaarstools van Chrome (die op uw pc of Mac draaien) kunt gebruiken om uw web-app te inspecteren en te debuggen terwijl deze op uw eigenlijke apparaat wordt uitgevoerd.
Wat is het nut ervan?
Als u ooit uw website in de Android-voorraadbrowser hebt geopend en een van de volgende problemen tegenkomt, kan deze app nuttig voor u zijn:
De lay-out of stijl van uw website lijkt gebroken wanneer deze wordt bekeken in de Android-voorraadbrowser
Uw JavaScript-code heeft niet het verwachte resultaat opgeleverd of de berekening moet tijdens de uitvoering plotseling zijn gestopt (misschien is er een uitzondering opgetreden?)
Animaties zijn traag of animeren gewoon niet zoals verwacht
Beschrijving
Het komt wel eens voor dat een web-app niet werkt in mobiele browsers, terwijl deze wel goed werkt in desktopbrowsers. Erger nog, soms treden defecten alleen op op (bepaalde) mobiele apparaten, dus je kunt het niet simuleren en reproduceren op een desktopbrowser. Dit is waar foutopsporing op afstand met Chrome's DevTools nuttig blijkt te zijn. Hoewel Chrome voor Android dit al perfect ondersteunt, doet de Android-aandelenbrowser dat niet. Dit is jammer, aangezien veel Android-bugs alleen in de stockbrowser lijken voor te komen en sowieso niet in Chrome.
Met deze app kun je dus websites draaien in de native browser (WebView), terwijl je de pagina kunt inspecteren en debuggen met de Chrome DevTools.
Hoe te beginnen met foutopsporing op afstand?
1. Schakel de ontwikkelaarsmodus in op uw Android-apparaat en verbind deze met uw pc/Mac
2. Open deze app en navigeer naar uw website door de URL in te voeren
3. Open Chrome op uw pc/Mac en typ "chrome://inspect" in de adresbalk
4. Vink in Chrome "Ontdek USB-apparaten" aan en het zal de webpagina weergeven die u op uw apparaat hebt geopend
5. Druk op inspecteren en geniet van het op afstand debuggen van de app met de Chrome Developer Tools
Lees voor meer informatie: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser
