Webhely hibakeresése a chrome androidon a számítógépen

Mint egy blog adminisztrátora, a Chrome segítségével hibakeresést végeztem, hogy megnézhessem a téma és a CSS változásait, mielőtt véglegesen végrehajtanák azokat a szerveren. Nem voltam régen, amikor soha nem figyeltem a mobil oldalakra, mivel csak kevés látogató látogatta meg webhelyem okostelefon segítségével. De ma a látogatók jelentős hányada az okostelefonok és a táblagépek, és ezért a megjelenés és a megjelenés gondozására is szükség van.

Ha ez egy számítógépes oldal volt, akkor az könnyen felismerhető a Chrome jobb egérgombbal történő helyi menüjének opciójával, de a mobil oldalak esetében ez nem lehetséges. Tehát ma megmutatom, hogyan lehet hibakeresést végezni a számítógépe mobil weblapjain a Chrome Androidra és az Android SDK használatával.

A weboldal hibakeresése

1. lépés: Töltse le és telepítse az Android SDK-t számítógépére, és futtassa. A Telepítő kéri a Java letöltését, ha még nincs telepítve.

Az Android SDK első alkalommal történő futtatásakor a számítógépen számos API és eszköz letöltését fogja kérni. Ha az Android SDK telepítésének egyetlen célja az oldalak hibakeresése, akkor törölje az összes jelölést az Android SDK Platform eszközök kivételével, és kattintson a Csomag telepítése gombra.

2. lépés: Az Android platform eszközeinek telepítése után nyissa meg a Run Box (Windows + R) szoftvert, és futtassa a % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-eszközöket az Android platform eszközök könyvtárának megnyitásához.

3. lépés: Most tartsa lenyomva a Ctrl + Shift billentyűt, és kattintson a jobb gombbal a mappában a parancssor megnyitásához. A Parancssorot a Futtatás mező segítségével is megnyithatja, és manuálisan navigálhat a mappához.

4. lépés: Ezt követően nyissa meg a Chrome-ot Android-telefonján, nyissa meg a Beállítások-> Fejlesztői eszközök lehetőséget és jelölje be az USB-hibakeresés engedélyezése lehetőséget.

5. lépés: Most futtassa a parancssorba az adb forward parancsot: tcp: 9222 localab Anotáció: chrome_devtools_remote, és nyissa meg a Chrome böngészőt Windows rendszeren a sikeres végrehajtáshoz.

6. lépés: Nyissa meg azt a oldalt, amelyet meg szeretne hibázni az Android Chrome böngészőben, és nyissa meg a localhost: 9222 URL-t a számítógép Chrome böngészőjében.

Ez minden, látni fogja az összes olyan oldalt, amely az Android böngészőjében nyitva van, mint a számítógép miniatűrje. A hibakeresési oldal megnyitásához egyszerűen kattintson a megfelelő webhely bélyegképére. A valósidejű nyomon követheti a számítógépen végrehajtott hibakeresési módosításokat közvetlenül az Androidon.

Következtetés

Biztos vagyok benne, hogy ez a trükk sok webfejlesztőnek segít optimalizálni weboldalaikat okostelefonokra. A trükköt használtam a weboldalak konfigurálására, és ez olyan varázslatosnak bizonyult. Ha azonban tud egy jobb módszert okostelefon-webhelyek hibakeresésére a számítógépen, ossza meg velünk.