Adobe Shadow: op afstand bladeren, inspecteren en fouten opsporen in websites [Android, iOS]

Adobe Shadow is een platformonafhankelijke app voor Windows-, Mac-, Android- en iOS-apparaten die front-end web mogelijk maakt ontwikkelaars testen en debuggen en inspecteren hun webprojecten op afstand en tegelijkertijd op verschillende schermformaten en besturingssystemen. Of het nu een webbrowser is op uw desktop, smartphone of tablet, met Adobe Shadow kunt u eenvoudig controleren hoe uw webontwerpen op verschillende apparaatschermen verschijnen. De methode omvat het installeren van de Adobe Shadow-desktopapp en de Chrome-extensie op de pc en de mobiele client op uw smartphone / tablet. Als alle apparaten dezelfde wifi-verbinding delen, hoeft u ze alleen maar aan de computer te koppelen met een unieke toegangscode. Hierop kunt u op afstand door uw projecten bladeren en deze op verschillende apparaten synchroniseren. Alle wijzigingen in de oorspronkelijke code van de website worden onmiddellijk weergegeven op elk aangesloten apparaat.

Met de app kunt u ook een bepaald apparaat selecteren waarvoor u de code wilt inspecteren / debuggen, zodat u het project kunt bekijken tijdlijn en records, bekijk projectbronnen en -elementen, en breng de nodige wijzigingen aan in de HTML-opmaak, CSS-regels en de overall code. Details, screenshots en downloadlinks om te volgen.

Het bovengenoemde concept dat via Adobe Shadow is geïntroduceerd, is ongetwijfeld een van de beste en meest productieve manieren om het concept van het op afstand streamen van inhoud van desktop naar mobiel te gebruiken apparaten. De link aan het einde van het bericht brengt je naar de officiële pagina van Adobe Shadow, waar vandaan u kunt downloadlinks naar de Chrome-extensie vinden, evenals het vereiste desktop- en mobiele besturingssysteem apps.

Zodra alle bovengenoemde vereisten zijn vervuld, start u de app gewoon op een van beide apparaten (desktop en mobiel) en druk op de Adobe Shadow-extensie in uw Chrome-browser terwijl u aan uw project blijft tabblad. Onthoud dat hoewel alle synchronisatie wordt gedaan via een combinatie van de Adobe Shadow Chrome-extensie en mobiel apparaat moet de desktopclient ook op de achtergrond draaien om het mechanisme te laten werken effectief.

Als uw mobiele apparaat (en) de computer niet automatisch herkennen, kunt u handmatig het IP-adres invoeren om een ​​verbinding tot stand te brengen. Druk hiervoor op de knop '+' op de interface van de mobiele klant en geef het exacte IP-adres op zoals weergegeven op de Chrome-extensie. Met dezelfde methode en een unieke apparaatspecifieke toegangscode kunt u zoveel apparaten verbinden als u wilt opnemen in het testproces.

Dat is het. U kunt nu op afstand inhoud van uw desktopbrowser (Chrome) naar al het aangesloten apparaat streamen om te zien hoe ze werken op specifieke besturingssystemen en schermformaten.

Om de Adobe Shadow's binnen te gaan Inspectie op afstand modus op uw computer, drukt u op het extensiepictogram en selecteert u het apparaat dat u op afstand wilt inspecteren / debuggen. Als u dit doet, wordt een ander venster geopend, waar u de eigenschappen van de externe verbinding kunt controleren en info, webelementen, bronnen, netwerkstatistieken, projecttijdlijn en de externe console via relevante toetsen.

Vanuit het perspectief van de mobiele klant kunt u zowel een website als alle daarin ingesloten links testen. Bovendien kunt u met de mobiele app de momenteel geopende URL kopiëren en ondersteunt u ook het openen van de webpagina via een browser van derden.

Al met al een briljant concept, vooral voor webontwikkelaars die misschien geen toevlucht hoeven te nemen tot verschillende alternatieve technieken waarbij hectische gesimuleerde / virtuele omgevingen worden opgezet voor foutopsporing en testen webprojecten. In plaats daarvan is het allemaal direct en effectief met Adobe Shadow omdat al het testen, synchroniseren en debuggen is gedaan is real-time, en met alle benodigde tools die nodig zijn om de taak te volbrengen effectief.

Op het moment van schrijven is Adobe Shadow gratis beschikbaar op alle ondersteunde platforms en kan worden gedownload via de onderstaande link.

Download Adobe Shadow via officiële Adobe Labs