Debuggable Browser

David Pertiller

Despre aplicație

Ce este?
Doar un WebView activat pentru depanare, care vă permite să utilizați Instrumente pentru dezvoltatori Chrome (care rulează pe computer sau Mac) pentru a inspecta și a depana aplicația web în timp ce funcționează pe dispozitivul dvs. real .

Destinată numai dezvoltatorilor web și proiectanților web
Această aplicație a fost creată pentru dezvoltatorii web care își propun să ofere cea mai bună experiență de utilizare a aplicației lor web utilizatorilor Android. Dacă nu sunteți un dezvoltator web sau un designer web interesat în debugging-ul aplicațiilor web, atunci sunteți mai bine cu un browser normal;)


La ce folosește?
Dacă ați deschis vreodată site-ul dvs. web în browserul de stocuri Android și ați întâlnit una dintre următoarele probleme, această aplicație s-ar putea dovedi utilă pentru dvs.:
& # 8226; & # 8195; macheta sau stilul al site-ului dvs. web este ruptă când este vizualizat în browserul de stocare Android
& # 8226; & # 8195; Codul dvs. JavaScript nu a produs rezultatul scontat sau calculul trebuie să se oprească brusc în timpul executării (poate a fost aruncată o excepție )
& # 8226; & # 8195; Animațiile sunt întârziate sau pur și simplu nu se animă așa cum era de așteptat

Descriere
Uneori se întâmplă ca o aplicație web să nu funcționeze pe browserele mobile, chiar dacă funcționează bine pe browserele desktop. Și mai rău, uneori defectele apar doar pe anumite dispozitive mobile (deci anumite dispozitive mobile), astfel încât nu îl poți simula și reproduce pe un browser desktop. Acesta este locul în care depanarea la distanță cu DevTools Chrome se dovedește utilă. În timp ce Chrome pentru Android acceptă perfect acest lucru, browserul de stocuri Android nu. Acest lucru este nefericit, deoarece multe bug-uri Android par să apară doar pe browserul de stoc și nu pe Chrome oricum.
Așadar, această aplicație vă permite să rulați site-uri web în cadrul browserului autohton (WebView), oferindu-vă totodată posibilitatea de a inspectați și depanați pagina cu DevTools Chrome.

Cum să pornești depanarea la distanță?
1. Activați modul dezvoltator pe dispozitivul Android și conectați-l la computer / Mac
2. Deschideți această aplicație și navigați pe site-ul dvs. web introducând adresa URL a acesteia
3. Pe computer / Mac, deschideți Chrome și introduceți „chrome: // inspectați” în bara de adrese
4. În Chrome, verificați „Descoperiți dispozitivele USB” și va lista pagina web pe care ați deschis-o pe dispozitiv
5. Atingeți inspecția și bucurați-vă de depanarea la distanță a aplicației cu instrumentele pentru dezvoltatori Chrome

Pentru mai multe informații, citiți: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Noutăți

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!