Hvordan feilsøke websider på krom for Android på datamaskinen

Som administrator av en blogg debuterer jeg mitt personlige nettsted ved hjelp av Chrome for å se hvordan endringene i temaet og CSS ville se ut før jeg implementerer dem permanent på serveren. Jeg var ikke lenge siden da jeg aldri ga oppmerksomhet til mobilsider, da bare få besøkende besøkte nettstedet mitt ved hjelp av en smarttelefon. Men i dag består en betydelig prosentandel av besøkende av smarttelefoner og nettbrett, og det har derfor blitt nødvendig å ta vare på utseende og presentasjon der også.

Hvis det var en side på datamaskinen, kunne en enkelt ha blitt feilsøkt ved å bruke alternativet fra Chrome høyreklikk-kontekstmeny, men det er ikke alternativet med sidene på mobilen. Så i dag vil jeg vise deg hvordan du kan feilsøke mobile websider på datamaskinen din ved hjelp av Chrome for Android og Android SDK.

Feilsøke websiden

Trinn 1: Last ned og installer Android SDK på datamaskinen din og kjør den. Installasjonsprogrammet ber deg laste ned Java hvis du ikke har det installert.

For første gang du kjører Android SDK på datamaskinen din, vil den be deg om å laste ned flere API-er og verktøy. Hvis ditt eneste formål med å installere Android SDK er å feilsøke sidene, fjerner du merket for alt bortsett fra Android SDK-plattformverktøy og klikker på Installer pakke- knappen.

Trinn 2: Etter å ha installert Android-plattformverktøy, åpner du Run Box (Windows + R) og kjører % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools for å åpne katalogen for Android-plattformverktøy.

Trinn 3: Hold nede Ctrl + Shift-tasten og høyreklikk i mappen for å åpne kommandoprompten der. Du kan også åpne kommandoprompten ved å bruke Kjør-boksen og navigere til mappen manuelt.

Trinn 4: Når du har gjort det, åpner du Chrome på Android-telefonen din, åpner Innstillinger-> Utviklerverktøy, og sjekker alternativet Aktiver USB-feilsøking.

Trinn 5: Nå på kommandoprompten, kjør kommandoen adb forward tcp: 9222 localabstract: chrome_devtools_remote og åpne Chrome-nettleseren på Windows ved vellykket utførelse.

Trinn 6: Åpne siden du vil feilsøke i Android Chrome-nettleseren din, og åpne URLen localhost: 9222 i datamaskinens Chrome-nettleser.

Det er alt, du vil se alle sidene som er åpne i Android-nettleseren din som miniatyrbilder på datamaskinen din. For å åpne feilsøkingssiden, klikker du ganske enkelt på den respektive miniatyren for nettstedet. Du vil kunne spore avlusingsendringene du gjør på datamaskinen din direkte på Android i sanntid.

Konklusjon

Jeg er sikker på at dette trikset vil hjelpe mange nettutviklere med å optimalisere websidene for smarttelefoner. Jeg har brukt trikset for å konfigurere websidene mine, og det fungerte som sjarm. Imidlertid, hvis du vet om en bedre måte å feilsøke smarttelefon-websider på datamaskinen, kan du dele det med oss.