Web-sivujen virheenkorjaus Chrome for Android -tietokoneella
Sekalaista / / February 10, 2022
Blogin järjestelmänvalvojana teen virheenkorjauksen henkilökohtaisella verkkosivustollani Chromella nähdäkseni, miltä teeman ja CSS: n muutokset näyttäisivät ennen niiden käyttöönottoa pysyvästi palvelimella. En ollut kauan sitten, kun en koskaan maksanut
kiinnitä huomiota mobiilisivuihin
koska vain harvat vierailijat vierailivat sivustollani älypuhelimella. Mutta nykyään huomattava osa kävijöistä on älypuhelimia ja tabletteja, ja siksi ulkonäöstä ja esittelystä on tullut huolehtia myös siellä.
Jos se oli tietokoneella oleva sivu, se olisi voinut helposti tehdä virheenkorjauksen käyttämällä Chromen hiiren kakkospainikkeen kontekstivalikon vaihtoehtoa, mutta se ei ole vaihtoehto mobiilisivuilla. Joten tänään näytän sinulle, kuinka voit korjata virheitä mobiiliverkkosivut tietokoneellasi käyttämällä Chrome Androidille ja Android SDK: ta.
Web-sivun virheenkorjaus
Vaihe 1: lataa ja asenna Android SDK tietokoneellesi ja suorita se. Asennusohjelma pyytää sinua lataamaan Javan, jos sinulla ei ole sitä asennettuna.
Kun käytät Android SDK: ta ensimmäistä kertaa tietokoneellasi, se pyytää sinua lataamaan useita sovellusliittymiä ja työkaluja. Jos Android SDK: n asentamisen ainoa tarkoitus on sivujen virheenkorjaus, poista valinta kaikista paitsi Android SDK Platform-työkalut ja napsauta Asenna paketti -painiketta.
Vaihe 2: Kun olet asentanut Android-alustan työkalut, avaa Run Box (Windows + R) ja juosta %userprofile%\AppData\Local\Android\android-sdk\platform-tools avataksesi Android-alustan työkaluhakemiston.
Vaihe 3: Pidä nyt Ctrl+Shift-näppäintä painettuna ja napsauta hiiren kakkospainikkeella kansiota avataksesi komentokehotteen siellä. Voit myös avata komentokehotteen Suorita-ruudulla ja navigoida kansioon manuaalisesti.
Vaihe 4: Kun olet tehnyt tämän, avaa Chrome Android-puhelimellasi, avaa Asetukset—> Kehittäjätyökalut ja valitse vaihtoehto Ota USB-verkkovirheenkorjaus käyttöön.
Vaihe 5: Suorita nyt komentokehotteessa komento adb eteenpäin tcp: 9222 localabstract: chrome_devtools_remote ja avaa Chrome-selain Windowsissa onnistuneen suorituksen jälkeen.
Vaihe 6: Avaa sivu, jonka virheenkorjaus haluat tehdä Android Chrome-selaimella, ja avaa URL-osoite paikallinen isäntä: 9222 tietokoneesi Chrome-selaimessa.
Siinä kaikki, näet kaikki Android-selaimessasi avoinna olevat sivut pikkukuvina tietokoneellasi. Avaa virheenkorjaussivu napsauttamalla vastaavan verkkosivuston pikkukuvaa. Voit seurata tietokoneellasi tekemiäsi virheenkorjausmuutoksia suoraan Androidilla reaaliajassa.
Johtopäätös
Olen varma, että tämä temppu auttaa monia verkkokehittäjiä optimoimaan verkkosivunsa älypuhelimia varten. Olen käyttänyt temppua web-sivujeni konfigurointiin ja se toimi kuin hurmaa. Jos kuitenkin tiedät paremman tavan korjata älypuhelinten verkkosivuja tietokoneella, jaa se kanssamme.
Päivitetty viimeksi 03.2.2022
Yllä oleva artikkeli saattaa sisältää kumppanilinkkejä, jotka auttavat tukemaan Guiding Techiä. Se ei kuitenkaan vaikuta toimitukselliseen eheyteemme. Sisältö pysyy puolueettomana ja autenttisena.