Slik feilsøker du nettsider på Chrome for Android på datamaskin
Miscellanea / / February 10, 2022
Som administrator for en blogg feilsøker jeg min personlige nettside ved hjelp av Chrome for å se hvordan endringene i temaet og CSS vil se ut før jeg implementerer dem permanent på serveren. Jeg var ikke lenge siden da jeg aldri betalte
oppmerksomhet på mobilsider
som bare noen få besøkende besøkte nettstedet mitt ved hjelp av en smarttelefon. Men i dag utgjør en betydelig prosentandel av besøkende smarttelefoner og nettbrett, og derfor har det blitt nødvendig å ta vare på utseende og presentasjon også der.
Hvis det var en side på datamaskinen, kunne en enkelt ha feilsøkt ved å bruke alternativet fra Chromes høyreklikk-kontekstmeny, men det er ikke alternativet med sidene på mobil. Så i dag skal jeg vise deg hvordan du kan feilsøke mobile nettsider på datamaskinen din med Chrome for Android og Android SDK.
Feilsøking av nettsiden
Trinn 1: Last ned og installer Android SDK på datamaskinen og kjør den. Installasjonsprogrammet vil be deg om å 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 APIer og verktøy. Hvis det eneste formålet med å installere Android SDK er å feilsøke sidene, fjern merket for alt unntatt
Android SDK-plattformverktøy og klikk på Installer pakken knapp.Steg 2: Etter å ha installert Android-plattformverktøy, åpne Kjør-boksen (Windows+R) og løp %userprofile%\AppData\Local\Android\android-sdk\platform-tools for å åpne Android-plattformens verktøykatalog.
Trinn 3: Hold nå nede Ctrl+Shift-tasten og høyreklikk i mappen for å åpne ledeteksten der. Du kan også åpne ledeteksten ved å bruke Kjør-boksen og navigere til mappen manuelt.
Trinn 4: Etter å ha gjort det, åpne Chrome på Android-telefonen din, åpne Innstillinger—>Utviklerverktøy og merk av for alternativet Aktiver USB-webfeilsøking.
Trinn 5: Kjør kommandoen på ledeteksten adb forward tcp: 9222 localabstract: chrome_devtools_remote og åpne Chrome-nettleseren på Windows ved vellykket kjøring.
Trinn 6: Åpne siden du vil feilsøke i Android Chrome-nettleseren din, og åpne URL-en lokal vert: 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å miniatyrbildet for det respektive nettstedet. Du vil kunne spore feilsøkingsendringene 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 nettsidene sine for smarttelefoner. Jeg har brukt trikset for å konfigurere nettsidene mine, og det fungerte som en sjarm. Men hvis du vet om en bedre måte å feilsøke smarttelefonnettsider på datamaskinen, del den med oss.
Sist oppdatert 3. februar 2022
Artikkelen ovenfor kan inneholde tilknyttede lenker som hjelper til med å støtte Guiding Tech. Det påvirker imidlertid ikke vår redaksjonelle integritet. Innholdet forblir objektivt og autentisk.