Как да отстраните грешки в уеб страници в Chrome за Android на компютър
Miscellanea / / February 10, 2022
![Chrome](/f/3bb1c1fbe30dc2b5fdb9272e5126e2d0.png)
Като администратор на блог, отстранявам грешки в личния си уебсайт, използвайки Chrome, за да видя как ще изглеждат промените в темата и CSS, преди да ги внедря за постоянно на сървъра. Не бях отдавна, когато никога не плащах
внимание към мобилните страници
тъй като само няколко посетители посетиха сайта ми с помощта на смартфон. Но днес значителен процент от посетителите се състоят от смартфони и таблети и следователно се наложи да се погрижим и за външния вид и представянето и там.
Ако това беше страница на компютър, можеше лесно да се отстрани грешки, като се използва опцията от контекстното меню на Chrome с десен бутон, но това не е опцията със страниците на мобилни устройства. И така, днес ще ви покажа как можете да отстраните грешки мобилни уеб страници на вашия компютър, като използвате Chrome за Android и Android SDK.
Отстраняване на грешки в уеб страницата
Етап 1: Изтеглете и инсталирайте Android SDK на вашия компютър и го стартирайте. Инсталаторът ще ви помоли да изтеглите Java, ако не сте го инсталирали.
За първи път, когато стартирате Android SDK на вашия компютър, той ще ви помоли да изтеглите няколко API и инструменти. Ако единствената ви цел да инсталирате Android SDK е да отстраните грешките в страниците, премахнете отметката от всичко освен Инструменти за платформа за Android SDK и щракнете върху Инсталирайте пакета бутон.
![Android Sdk](/f/20d3360fcbb5f205198e3d8fd6a514cf.png)
Стъпка 2: След като инсталирате инструменти на платформата Android, отворете полето за изпълнение (Windows+R) и бягай %userprofile%\AppData\Local\Android\android-sdk\platform-tools за да отворите директорията с инструменти на платформата Android.
![Изпълнете команда](/f/46ba86ad7e4f10e643bb61407e0b65f0.png)
Стъпка 3: Сега задръжте клавиша Ctrl+Shift и щракнете с десния бутон върху папката, за да отворите командния ред там. Можете също да отворите командния ред, като използвате полето Run и да навигирате до папката ръчно.
![Cmd подкана](/f/2cf53ce2416e9ec07c2fe39f7456ab46.png)
Стъпка 4: След като направите това, отворете Chrome на телефона си с Android, отворете Настройки—>Инструменти за разработчици и поставете отметка в опцията Разрешаване на USB уеб отстраняване на грешки.
![Отстраняване на грешки по USB на Chrome](/f/6b8deac4f55b6a8bfc9bd83ae616b723.png)
Стъпка 5: Сега в командния ред изпълнете командата adb напред tcp: 9222 localabstract: chrome_devtools_remote и отворете браузъра Chrome на Windows при успешно изпълнение.
Стъпка 6: Отворете страницата, която искате да отстраните грешки, в браузъра си Android Chrome и отворете URL адреса локален хост: 9222 в браузъра Chrome на вашия компютър.
![Избор](/f/2f29505c037ab7bc0df311c79bca43e6.png)
Това е всичко, ще видите всички страници, които са отворени във вашия Android браузър като миниатюри на вашия компютър. За да отворите страницата за отстраняване на грешки, просто щракнете върху съответната миниатюра на уебсайта. Ще можете да проследявате промените за отстраняване на грешки, които правите на компютъра си директно на Android в реално време.
Заключение
Сигурен съм, че този трик ще помогне на много уеб разработчици да оптимизират своите уеб страници за смартфони. Използвах трика, за да конфигурирам моите уеб страници и се получи като чар. Въпреки това, ако знаете за по-добър начин за отстраняване на грешки в уеб страници на смартфон на компютър, споделете го с нас.
Последна актуализация на 03 февруари 2022 г
Горната статия може да съдържа партньорски връзки, които помагат за поддръжката на Guiding Tech. Това обаче не засяга редакционната ни почтеност. Съдържанието остава безпристрастно и автентично.