Как да отстраните грешки в уеб страници в Chrome за Android на компютър
Miscellanea / / December 02, 2021
Като администратор на блог, отстранявам грешки в личния си уебсайт, използвайки Chrome, за да видя как ще изглеждат промените в темата и CSS, преди да ги внедря за постоянно на сървъра. Не бях отдавна, когато никога не съм плащал внимание към мобилните страници тъй като само няколко посетители посетиха сайта ми с помощта на смартфон. Но днес значителен процент от посетителите се състоят от смартфони и таблети и следователно се наложи да се погрижим и за външния вид и представянето и там.
Ако това беше страница на компютър, можеше лесно да се отстрани грешки, като се използва опцията от контекстното меню на Chrome с десен бутон, но това не е опцията със страниците на мобилни устройства. И така, днес ще ви покажа как можете да отстраните грешки мобилни уеб страници на вашия компютър, като използвате Chrome за Android и Android SDK.
Отстраняване на грешки в уеб страницата
Етап 1: Изтеглете и инсталирайте Android SDK на вашия компютър и го стартирайте. Инсталаторът ще ви помоли да изтеглите Java, ако не сте го инсталирали.
За първи път, когато стартирате Android SDK на вашия компютър, той ще ви помоли да изтеглите няколко API и инструменти. Ако единствената ви цел да инсталирате Android SDK е да отстраните грешките в страниците, премахнете отметката от всичко освен Инструменти за платформа за Android SDK и щракнете върху Инсталирайте пакета бутон.
Стъпка 2: След като инсталирате инструменти на платформата Android, отворете полето за изпълнение (Windows+R) и бягай %userprofile%\AppData\Local\Android\android-sdk\platform-tools за да отворите директорията с инструменти на платформата Android.
Стъпка 3: Сега задръжте клавиша Ctrl+Shift и щракнете с десния бутон върху папката, за да отворите командния ред там. Можете също да отворите командния ред, като използвате полето Run и да навигирате до папката ръчно.
Стъпка 4: След като направите това, отворете Chrome на телефона си с Android, отворете Настройки—>Инструменти за разработчици и поставете отметка в опцията Активиране на USB уеб отстраняване на грешки.
Стъпка 5: Сега в командния ред изпълнете командата adb напред tcp: 9222 localabstract: chrome_devtools_remote и отворете браузъра Chrome на Windows при успешно изпълнение.
Стъпка 6: Отворете страницата, която искате да отстраните грешки, в браузъра си Android Chrome и отворете URL адреса локален хост: 9222 в браузъра Chrome на вашия компютър.
Това е всичко, ще видите всички страници, които са отворени във вашия Android браузър като миниатюри на вашия компютър. За да отворите страницата за отстраняване на грешки, просто щракнете върху съответното миниизображение на уебсайта. Ще можете да проследявате промените за отстраняване на грешки, които правите на компютъра си директно на Android в реално време.
Заключение
Сигурен съм, че този трик ще помогне на много уеб разработчици да оптимизират своите уеб страници за смартфони. Използвах трика, за да конфигурирам моите уеб страници и се получи като чар. Въпреки това, ако знаете за по-добър начин за отстраняване на грешки в уеб страници на смартфон на компютър, споделете го с нас.