Adobe Shadow: Преглед от разстояние, проверка и отстраняване на грешки в уебсайтове [Android, iOS]

click fraud protection

Adobe Shadow е кросплатформно приложение за устройства, работещи под Windows, Mac, Android и iOS, което позволява уеб-интерфейс разработчиците дистанционно и едновременно тестват, отстраняват грешки и инспектират своите уеб проекти на различни размери на екрана и ОС. Независимо дали става въпрос за уеб браузър на вашия работен плот, смартфон или таблет, с помощта на Adobe Shadow можете лесно да проверите как биха се появили вашите уеб дизайни на различни екрани на устройства. Методът включва инсталиране на настолно приложение на Adobe Shadow и разширение на Chrome на компютър и мобилния клиент на вашия смартфон / таблет. При условие че всички устройства споделят една и съща Wi-Fi връзка, всичко, което трябва да направите, е да ги сдвоите към компютъра, като използвате уникален парола. Формулирайки върху него, можете да разгледате и синхронизирате проектите си на разстояние от различни устройства. Всички промени, направени в оригиналния код на уебсайта, се отразяват незабавно на всяко свързано устройство.

instagram viewer

Приложението също ви позволява да изберете конкретно устройство, за което искате да инспектирате / отстраните грешката в кода, така че да можете да видите проекта времевата линия и записите, преглеждайте ресурсите и елемента на проекта и внасяйте необходимите изменения в HTML маркирането, CSS правилата и цялостното код. Подробности, екрани и връзки за изтегляне, които да следвате.

Несъмнено гореспоменатата концепция, въведена чрез Adobe Shadow, се оказва една от най-добрите и най-продуктивни начини за използване на концепцията за отдалечено предаване на съдържание от десктоп към мобилен устройства. Предоставената връзка в края на публикацията ви отвежда до официалната страница на Adobe Shadow, откъдето можете да намерите връзки за изтегляне към разширението му за Chrome, както и необходимите настолни и мобилни операционни системи приложения.

Adobe-Сянка-Android-ЗИ-Windows-Mac-Chrome-Desktop-Client

След като всички горепосочени предпоставки са налице, просто стартирайте приложението на всяко устройство (десктоп и мобилни устройства) и натиснете разширението Adobe Shadow на браузъра си Chrome, докато оставате на вашия проект раздел. Не забравяйте, че въпреки че цялата синхронизация се извършва чрез комбинация от разширението на Adobe Shadow Chrome и мобилно устройство, настолният клиент също трябва да работи във фонов режим, за да работи механизмът ефективно.

Adobe-Сянка-Android-ЗИ-Windows-Mac-Chrome Extension-

Ако вашето мобилно устройство (и) не разпознае автоматично компютъра, можете ръчно да въведете IP адреса, за да установите връзка. За това натиснете бутона „+“ в интерфейса на мобилния клиент и посочете точния IP адрес, както е показано на разширението за Chrome. Използвайки същия метод и уникален, специфичен за устройството парол, можете да свържете толкова устройства, които искате да включите в процеса на тестване.

Това е. Вече можете да предавате поточно съдържание от вашия браузър за настолни компютри (Chrome) на всички свързани устройства, за да видите как те работят на конкретни операционни системи и размери на екрана.

Adobe-Сянка-Android-ЗИ-Windows-Mac-Chrome-Mobile-PasscodeAdobe-Сянка-Android-ЗИ-Windows-Mac-Chrome-Mobile-Browser

За да влезете в Adobe Shadow Дистанционна проверка режим на вашия компютър, натиснете иконата за разширение и изберете устройството, което искате да проверите / отстраните грешката от разстояние. Това ще отвори друг прозорец, от който можете да проверите свойствата на отдалечената връзка и информация, уеб елементи, ресурси, мрежова статистика, времева линия на проекта и отдалечената конзола чрез съответните бутони.

Adobe-Сянка-Android-ЗИ-Windows-Mac-Chrome-дистанционно инспекция-Mode

От гледна точка на мобилния клиент можете да тествате уебсайт, както и всички връзки, вградени в него. Освен това мобилното приложение ви позволява да копирате текущо отворения URL адрес и също така поддържа отваряне на уеб страницата чрез браузър на трета страна.

Adobe-Сянка-Android-ЗИ-Windows-Mac-Chrome-Elements

Като цяло, брилянтна концепция, особено за уеб разработчици, които може да не се наложи да прибягват до различни алтернативни техники, които включват създаване на забързана / симулирана / виртуална среда за отстраняване на грешки и тестване уеб проекти. Вместо това е всичко моментално и ефективно с Adobe Shadow, защото всички тестове, синхронизиране и отстраняване на грешки са направено е в реално време и с всички необходими инструменти, които са необходими за изпълнение на задачата ефективно.

Към този текст Adobe Shadow е достъпен безплатно във всички поддържани платформи и може да бъде изтеглен чрез връзката, предоставена по-долу.

Изтеглете Adobe Shadow чрез официални Adobe Labs

watch instagram story