Debuggable Browser

David Pertiller

Meer oor hierdie app

Wat is dit?
Net 'n ontfout-geaktiveerde WebView, wat u toelaat om Chrome se ontwikkelaarsnutsgoed (loop op u rekenaar of Mac) te gebruik om u webprogram te inspekteer en te ontfout terwyl dit op u werklike toestel werk .

Net gemik op webontwikkelaars en webontwerpers
Hierdie app is gebou vir webontwikkelaars wat daarop gemik is om die beste gebruikerservaring van hul webapp aan Android-gebruikers te lewer. As u nie 'n webontwikkelaar of webontwerper is wat geïnteresseerd is in die ontfouting van webprogramme nie, is u waarskynlik beter met 'n normale blaaier;)


Wat is die nut daarvan?
As u ooit u webwerf in die Android-blaaier oopgemaak het en een van die volgende probleme ondervind het, kan hierdie app vir u nuttig wees:
& # 8226; & # 8195; Die uitleg of stilering van u webwerf lyk stukkend as dit in die Android-blaaier gekyk word
& # 8226; & # 8195; U JavaScript -kode het nie die verwagte resultaat opgelewer nie, of die berekening moes skielik gestaak word tydens uitvoering (miskien is 'n uitsondering gegooi?)
& # 8226; & # 8195; Animasies is laggy of animeer net nie soos verwag nie

Beskrywing
Dit gebeur soms dat 'n webapp nie op mobiele blaaiers werk nie, al werk dit goed op tafelblaaiers. Nog erger, soms is daar slegs defekte op (sekere) mobiele toestelle, en u kan dit dus nie na 'n tafelblaaier simuleer en weergee nie. Dit is waar ontfouting op afstand met Chrome se DevTools blyk nuttig te wees. Alhoewel Chrome vir Android dit reeds perfek ondersteun, maak die Android-blaaier dit nie. Dit is jammer, aangesien dit lyk asof baie Android-foute slegs op die aandele-blaaier voorkom en nie op Chrome nie.
Met hierdie app kan u dus webwerwe binne die inheemse blaaier (WebView) bestuur, terwyl u die geleentheid bied om ondersoek en ontfout die bladsy met die Chrome DevTools.

Hoe kan ek op afstand begin ontfout?
1. Aktiveer ontwikkelaarmodus op u Android-toestel en koppel dit aan u rekenaar / Mac
2. Maak hierdie program oop en navigeer na u webwerf deur die URL in te voer
3. Maak Chrome op u rekenaar / Mac oop en tik "chrome: // inspect" in die adresbalk
4. Kyk in Chrome na "Ontdek USB-toestelle", en dan verskyn die webblad wat u op u toestel geopen het
5. Klik op die inspeksie en geniet dit om die app op afstand te ontfout met die Chrome-ontwikkelaarsnutsgoed

Lees vir meer inligting: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Wat's nuut

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!