a weboldalak és webes alkalmazások tesztelése és hibakeresése mobileszközökön kihívást jelenthet. A telefonok és táblagépek böngészői gyakran nem rendelkeznek beépített hibakeresőkkel, a mobileszközök emulálása pedig soha nem olyan pontos, mint szeretnénk. A mobil webhelyek Androidon történő hibakereséséhez a Chrome asztali verziója megoldást kínál távoli hibakereséssel.,
Ez a cikk megmutatja, hogyan kell használni a távoli hibakeresést a Chrome-mal a számítógépről. Használhatja az egyik olyan közös asztali operációs rendszert, mint a Windows, macOS vagy Linux.
Hogyan Android debug Chrome
Ha gondolod, hogy talán van egy bug a mobil weboldal, vagy egy natív alkalmazás, Android, de nem igazán tudom meghatározni, Raygun támogatja a JavaScript baleset beszámolási, valamint az Android baleset jelentkezik. Itt ingyenes 14 napos próbaverziót vehet igénybe.
beállítása
mielőtt bármilyen távoli hibakeresést elvégezne, be kell állítania a számítógépet, hogy felismerje az Android-eszközt., Ez azt jelenti, hogy a Chrome hibakeresője felismerheti és csatlakoztathatja a telefont. Először néhány lehetőséget állít be a telefonon.
Telefonbeállítások
nyissa meg a Beállítások alkalmazást a telefonon. Engedélyeznie kell a fejlesztői beállításokat, ha még nem tette meg. Ehhez lépjen a “telefonról” menübe, amely a modern Android készülékek Rendszermenüjében található. Ha már ott, Lapozzunk lefelé, majd érintse meg a “Build Number” hét alkalommal. Most térjen vissza az előző képernyőre vagy a Beállítások alkalmazás “rendszer” menüjébe., Itt talál egy új menüpontot, amelynek neve “Fejlesztői beállítások” az alsó rész közelében.
miután belépett a fejlesztői beállításokba, engedélyezze azokat a telefonon az oldal tetején található váltóra kattintva. Amikor a kapcsoló azt mondja: “On”, görgessen le egy kicsit, majd engedélyezze az” USB hibakeresést ” is. Ez lehetővé teszi a készülék hibakeresését USB-kábelcsatlakozáson keresztül.
számítógép beállítása (Android USB hibakeresés használatával)
illesztőprogram telepítése
Ez minden, amit megtehetünk a telefonon, most, tehát készítsük el számítógépünket., Az elvégzendő lépések kissé eltérnek az egyes nagy operációs rendszereknél.
Ha Windows rendszert használ, az első dolog, amit meg kell tennie, az eszköz USB-illesztőprogramjainak telepítése. Az Android Studio webhelyén található egy lista azokról a helyekről, ahol megtalálhatja az illesztőprogramokat, valamint néhány útmutatást az illesztőprogramok számítógépre történő telepítéséről. Egyes gyártók linkeket biztosítanak egy illesztőprogram-fájlhoz. Mások csak egy támogatási webhelyre vezetnek, ebben az esetben meg kell tennie egy kis keresést, hogy megtalálja a készülék illesztőprogramjait.,
abban az esetben, ha a számítógép macOS vagy Linux rendszert futtat, nem kell illesztőprogramokat telepítenie. A Mac felhasználók valójában készen állnak. Ha a gép Linuxot futtat,van még néhány beállítási lépés. Győződjön meg róla, hogy felhasználói fiókja egy bizonyos csoporthoz tartozik, ezért telepítenie kell egy csomagot az úgynevezett “udev szabályokkal”. Ezek olyan konfigurációk, amelyek bizonyos USB-eszközöket ismernek a Linux számítógépen. Ha érdekel a További részletek, írtam egy dedikált cikket a Linux beállítás ADB egy ideje.,
telepítse az Android Debug Bridge (ADB)
miután telepítette az illesztőprogramokat vagy az udev szabályokat, szüksége lesz az ADB-re is, amely felületet biztosít a mobilkészülékkel való beszélgetéshez. Az ADB és más Android platformos eszközök Android stúdióval érkeznek, de külön is letölthetők.
vagy az Android Studio beágyazott Android SDK-ját vagy a Google hivatalos platformeszköz-csomagját használja a kívánt módon. A platform eszközök csomagok csak .a platform-toolsmappát tartalmazó zip-fájlok., A fájlok kibontása után olyan binárisok találhatók benne, mint a adb.exe (Windows) vagy adb (macOS és Linux). Ezután szükség szerint végrehajthatja őket a választott shell vagy terminál ablakból.
Ha a Windows, és szeretné, hogy a legkisebb változata ADB nélkül pihe, vessen egy pillantást az XDA fórumok; görgessen le a Letöltések címsor, majd kattintson az első linkre, hogy a szakasz.
a letöltés után futtassa az ADB telepítéséhez., A telepítés után el kell navigálnia a telepített mappába (C:\Program Files(x86)\Minimal ADB and Fastboot alapértelmezés szerint), majd kattintson duplán a cmd-here.exeelemre. Ez megnyit egy parancssor ablakot a mappában.
a héjablakban bármelyik technikával írja be a adb start-server parancsot az ADB szerver elindításához.
megjegyzés: az ADB kiszolgálónak bármikor futtatnia kell a hibakeresést. Ha újraindítja a számítógépet, a kiszolgáló nem fog automatikusan futni. Nem ajánlott az ADB állandó háttérszolgáltatásként történő futtatása.,
az utolsó dolog, amit meg kell tennünk a számítógép beállításához, a távoli hibakeresés engedélyezése a Chrome fejlesztői eszközökben. Ehhez nyissa meg a Chrome-ot a számítógépen, majd lépjen a DevTools beállításaihoz a chrome://inspect/#devices
az Android webhelyeinek hibakereséséhez itt ellenőrizze, hogy az “USB eszközök felfedezése” be van-e jelölve. Azt is javaslom, hogy tartsa nyitva a fejlesztői eszközök ezen részét egy lapon, mert hamarosan újra szükségünk lesz rá.
a kapcsolat létrehozása
Ez olyan, amennyire bármelyik eszközzel önmagában elérhető., Ahhoz, hogy hibakeresés weboldalak Android a készüléken, akkor kell, hogy beköt őket együtt. Ha még nem tette meg, csatlakoztassa a telefont a számítógéphez USB-n keresztül. Ha ezt nem az illesztőprogram telepítésének részeként tette meg, előfordulhat, hogy értesítést lát a tálcán, amely tudatja Önnel, hogy a számítógép beállítja az új eszközt. Ellenőrizze, hogy a telefon be van-e kapcsolva és nincs-e nyitva. Ha az ADB szerver fut, akkor megjelenik egy felugró ablak, amelynek címe: “engedélyezze az USB hibakeresést?”.
ha nem jelenik meg, keresse meg az Android készülék értesítési területét., Ha azt mondja: “Médiaeszközként csatlakoztatva”, valami ilyesmi, vagy valami “MTP”, kattintson rá. Ennek olyan képernyőre kell hoznia, amely lehetővé teszi egy másik kapcsolat típusának kiválasztását. Erre a célra a” kamera (PTP) ” a megfelelő csatlakozási típus. Miután kiválasztotta a PTP-t ,az ” USB hibakeresés engedélyezése?”felugró kell jönnie.
annak elkerülése érdekében, hogy a készülék csatlakoztatásakor minden alkalommal foglalkozzon ezzel a felugró ablakkal, ellenőrizze a “Mindig engedélyezze ezt a számítógépet” opciót. Akárhogy is, kattintson az “OK” gombra, amely lehetővé teszi, hogy a mobilkészüléke látható legyen a számítógépén a hibakereséshez., Ezen a ponton térjen vissza a DevTools fülre, amelyet korábban megnéztünk. Ha minden jól ment, akkor látnia kell a telefonját és az összes Chrome-lapját, amely most szerepel rajta.
hibakeresési webhelyek, amelyek a Chrome-ban futnak a készüléken
most itt az ideje, hogy abbahagyjuk a hibakeresést és elkezdjük a hibakeresést! Végre! A számítógépen lévő Chrome-nak meg kell mutatnia a távoli eszköz Chrome böngészőjében megnyitott lapok listáját. Ha a hibakeresni kívánt lap nem az aktív lap, akkor kattintson a “fókusz lap” gombra, hogy az eszköz aktív lapja legyen. Ezután kattintson az” ellenőrzés ” linkre.,
Ez hozza fel az ellenőr az adott lapon. Innentől kezdve a Chrome fejlesztői eszközeit nagyjából ugyanúgy használhatja, mint ha egy weboldalt hibakeresne az asztali böngészőben. Még az eszköz képernyőjét is láthatja a fejlesztői eszközökön belül. Ha még nem jelenik meg, vagy ha ki szeretné kapcsolni, kattintson a ikonra közvetlenül az ellenőr ikon mellett a fejlesztői eszközök bal felső sarkában.
hibakeresési tippek
a készüléket a fejlesztői eszközökről is vezérelheti., Használja az egérmutatót a képernyőn öntött, mintha a kurzor volt az ujját a készülék maga.
- Kattintson érintse meg
- Kattintson, majd húzza, húzza
- Használja a görgőt, hogy lépjünk
- Várj
Shifthúzás közben akár nagyítás - Várj
Shifthúzza le kicsinyítés
előfordulhat, hogy vannak olyan áttetsző foltok a képernyőn a kezdéshez. Ezek UI elemek a Chrome alkalmazásból vagy az eszköz rendszer felhasználói felületéről., Ezek rejtve vannak, mert a távoli hibakeresési protokoll csak lehetővé teszi, hogy kölcsönhatásba lépjen a weboldallal.
régebbi és kevésbé nagy teljesítményű készülékeken a screen cast a mobilkészülék feldolgozási teljesítményének nagy részét használja. Előfordulhat, hogy a teljesítmény lassúnak tűnik a képernyő öntése közben. Így, ha a teljesítményt próbálja mérni, tiltsa le a képernyőn leadott, majd közvetlenül a mobil eszközön.
végül, ha olyan problémákba ütközik, ahol semmi sem történik, amikor kölcsönhatásba lép a készülékével, próbálja meg bezárni a Chrome alkalmazást, majd nyissa meg újra., A fejlesztői eszközök DevTools képernyőjén keresztül újra csatlakoznia kell a távoli eszközhöz. Ha ez nem segít, Keresse meg ezt a gyors ellenőrző listát:
- húzza ki a készüléket, majd csatlakoztassa vissza a
- zárolja le a telefont, majd ébressze fel újra
- zárja be a fejlesztői eszközök ablakot, majd nyissa meg újra.
következtetés
a mobil webhelyek hibakeresése az Android Chrome-ban nem kell nehéz. Lehet, hogy egy kicsit több beállítás, mint a legtöbben szeretnék. De ha ez gondoskodott, a mobil weboldal hibakeresése az eszközön sokkal egyszerűbbé válik., Most már debug Android mobil weboldalak egy igazi fizikai eszköz.
túl sok időt töltött a hiba felfedezésével? Raygun segít felismerni, diagnosztizálni, és elpusztítani a hibákat a JavaScript vagy Android kódot. A smart alerts and error csoportosítás azt jelenti, hogy soha többé nem hagy ki hibát az alkalmazásban. További információ az Android crash reporting és JavaScript crash reporting.
Több a hibakeresés Android
Hogyan építész, a hibák, a jobb hibajelentés
induláshoz távoli hibakeresés az Android