Debuggable Browser

David Pertiller

Az alkalmazásról

Mi ez?
Csak egy hibakeresést lehetővé tevő WebView, amely lehetővé teszi a Chrome Fejlesztői eszközeinek (a PC-n vagy a Mac-en futó) használatát a webes alkalmazás ellenőrzéséhez és hibakereséséhez, miközben az a tényleges eszközén fut.

Csak webfejlesztőknek és web-tervezőknek szól
Ezt az alkalmazást azoknak a webfejlesztőknek fejlesztették ki, akik célja, hogy webes alkalmazásuk legjobb felhasználói élményét biztosítsák az Android felhasználók számára. Ha Ön nem webes fejlesztő vagy webdesigner, akit érdekli a webalkalmazások hibakeresése, akkor valószínűleg jobb, ha normál böngészővel rendelkezik;)


Mi a haszna?
Ha valaha is megnyitotta webhelyét az Android böngészőben, és a következő problémák valamelyikére ütközött, ez az alkalmazás hasznosnak bizonyulhat Önnek:
& # 8226; & # 8195; Webhelyének elrendezése vagy stílusa sérültnek tűnik, ha az Android állomány böngészőben tekintik meg.
& # 8226; & # 8195; JavaScript kódja nem hozta meg a várt eredményt, vagy a számításnak hirtelen le kellett állnia a végrehajtás során (talán egy kivétel került dobásra?)
& # 8226; & # 8195; Az animációk késve vannak, vagy csak nem animálják a várt módon

Leírás
Előfordul, hogy egy webalkalmazás nem működik a mobil böngészőkben, annak ellenére, hogy az asztali böngészőkben is jól működik. Még ennél is rosszabb, hogy a hibák néha csak (bizonyos) mobileszközökön fordulnak elő, így nem lehet szimulálni és reprodukálni az asztali böngészőn. Ebben az esetben hasznosnak bizonyul a távoli hibakeresés a Chrome DevTools szoftverrel . Míg a Chrome for Android már tökéletesen támogatja ezt, az Android böngésző nem. Ez sajnálatos, mivel úgy tűnik, hogy sok Android-hiba csak az állomány böngészőben, a Chrome-ban egyébként nem fordul elő.
Tehát ez az alkalmazás lehetővé teszi a webhelyek futtatását a natív böngészőn (WebView), miközben lehetőséget ad arra, hogy ellenőrizze és hibakeresheti az oldalt a Chrome DevTools segítségével.

Hogyan lehet elindítani a távoli hibakeresést?
1. Engedélyezze a Fejlesztői módot Android-eszközén, és csatlakoztassa a PC-hez / Mac-hez
2. Nyissa meg ezt az alkalmazást, és keresse meg webhelyét az URL megadásával
3. A PC / Mac számítógépen nyissa meg a Chrome-ot, és írja be a "chrome: // inspect" címsorba
4. A Chrome-ban jelölje be az "USB-eszközök felfedezése" elemet, és felsorolja az eszközén megnyitott weboldalt
5. Ellenőrizze és élvezze az alkalmazás távoli hibakeresését a Chrome Fejlesztő Eszközökkel

További információ: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Újdonságok

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!