Sådan fejlretter du websider på Chrome til Android på computer

Som administrator af en blog fejlretter jeg mit personlige websted ved hjælp af Chrome for at se, hvordan ændringerne i temaet og CSS ville se ud, før jeg implementerer dem permanent på serveren. Det var jeg ikke længe siden, da jeg aldrig betalte opmærksomhed på mobilsider da kun få besøgende besøgte mit websted ved hjælp af en smartphone. Men i dag udgør en betydelig procentdel af besøgende smartphones og tablets, og derfor er det blevet nødvendigt at tage sig af udseende og præsentation også der.

Hvis det var en side på computeren, kunne en enkelt have fejlrettet ved at bruge indstillingen fra Chromes højrekliks kontekstmenu, men det er ikke muligheden med siderne på mobilen. Så i dag vil jeg vise dig, hvordan du kan fejlfinde mobile websider på din computer ved hjælp af Chrome til Android og Android SDK.

Fejlretning af websiden

Trin 1: Download og installer Android SDK på din computer og kør den. Installationsprogrammet vil bede dig om at downloade Java, hvis du ikke har det installeret.

For første gang du kører Android SDK på din computer, vil den bede dig om at downloade flere API'er og værktøjer. Hvis dit eneste formål med at installere Android SDK er at fejlsøge siderne, skal du fjerne markeringen i alt undtagen Android SDK Platform-værktøjer og klik på Installer pakke knap.

Trin 2: Efter installation af Android-platformsværktøjer skal du åbne Kør-boksen (Windows+R) og løb %userprofile%\AppData\Local\Android\android-sdk\platform-tools for at åbne biblioteket med Android-platformens værktøjer.

Trin 3: Hold nu Ctrl+Shift-tasten nede og højreklik i mappen for at åbne kommandoprompten der. Du kan også åbne kommandoprompten ved at bruge Kør-boksen og navigere til mappen manuelt.

Trin 4: Når du har gjort det, skal du åbne Chrome på din Android-telefon, åbne Indstillinger—>Udviklerværktøjer og tjek indstillingen Aktiver USB-webfejlretning.

Trin 5: Kør nu kommandoen på kommandoprompten adb forward tcp: 9222 localabstract: chrome_devtools_remote og åbn Chrome-browseren på Windows ved vellykket udførelse.

Trin 6: Åbn den side, du vil fejlrette i din Android Chrome-browser, og åbn URL'en lokal vært: 9222 i din computers Chrome-browser.

Det er alt, du vil se alle de sider, der er åbne på din Android-browser, som miniaturebilleder på din computer. For at åbne fejlretningssiden skal du blot klikke på det respektive websteds miniaturebillede. Du vil være i stand til at spore de fejlretningsændringer, du foretager på din computer, direkte på Android i realtid.

Konklusion

Jeg er sikker på, at dette trick vil hjælpe mange webudviklere med at optimere deres websider til smartphones. Jeg har brugt tricket til at konfigurere mine websider, og det fungerede som en charme. Men hvis du kender til en bedre måde at fejlsøge smartphone-websider på computeren, så del den med os.