Adobe Shadow: Eksternt bla gjennom, inspisere og feilsøke nettsteder [Android, iOS]

Adobe Shadow er en tverrplattform-app for Windows, Mac, Android og iOS-drevne enheter som lar front-web utviklere eksternt og samtidig teste, feilsøke og inspisere nettprosjektene sine i forskjellige skjermstørrelser og operativsystemer. Det være seg en nettleser på skrivebordet, smarttelefonen eller nettbrettet ditt, ved å bruke Adobe Shadow, kan du enkelt sjekke hvordan webdesignene dine skulle se ut på forskjellige enhetsskjermer. Metoden innebærer å installere Adobe Shadow desktop-applikasjon og Chrome-utvidelse på PC, og mobilklienten på smarttelefonen / nettbrettet. Forutsatt at alle enhetene deler den samme Wi-Fi-tilkoblingen, er alt du trenger å gjøre å koble dem til datamaskinen ved å bruke en unik passord. På skjemaet kan du eksternt bla gjennom og synkronisere prosjektene dine på forskjellige enheter. Eventuelle endringer i den opprinnelige koden til nettstedet gjenspeiles umiddelbart på hver tilkoblet enhet.

Appen lar deg også velge en bestemt enhet du vil inspisere / feilsøke koden for, slik at du kan se prosjektet tidslinje og poster, se prosjektressurser og element, og gjøre nødvendige endringer i HTML-merkingen, CSS-regler og det samlede kode. Detaljer, skjermbilder og nedlastingslenker du kan følge.

Utvilsomt hender at det nevnte konseptet som ble introdusert via Adobe Shadow, er et av de beste og mest produktive måter å bruke konseptet med å fjernstrømme innhold fra stasjonær til mobil enheter. Koblingen gitt på slutten av innlegget fører deg til Adobe Shadows offisielle side, hvorfra Du kan finne nedlastingslenker til Chrome-utvidelsen, i tillegg til ønsket stasjonært og mobilt operativsystem apps.

Når alle de nevnte forutsetningene er på plass, er det bare å starte appen på hver enhet (stasjonær og mobil), og traff Adobe Shadow-utvidelsen i Chrome-nettleseren mens du fortsetter med prosjektet ditt fane. Husk at selv om all synkronisering skjer via en kombinasjon av Adobe Shadow Chrome-utvidelsen og mobilenhet, må skrivebordsklienten også være i gang i bakgrunnen for at mekanismen skal fungere effektivt.

Hvis mobilenhetene dine ikke gjenkjenner datamaskinen automatisk, kan du mate inn IP-adressen manuelt for å opprette en tilkobling. For dette trykk på '+' -knappen på mobilklientens grensesnitt, og oppgi den nøyaktige IP-adressen som vist i Chrome-utvidelsen. Ved å bruke den samme metoden, og en unik, enhetsspesifikk passord, kan du koble til så mange enheter du vil inkludere i testprosessen.

Det er det. Du kan nå fjernstyrt innhold fra din stasjonære nettleser (Chrome) til alle tilkoblede enheter for å se hvordan de fungerer på bestemte operativsystemer og skjermstørrelser.

For å gå inn i Adobe Shadow's Fjernkontroll modus på datamaskinen din, trykk på utvidelsesikonet, og velg enheten du vil inspisere / feilsøke eksternt. Hvis du gjør det, åpnes et nytt vindu, hvor du kan sjekke egenskaper for ekstern tilkobling og info, webelementer, ressurser, nettverksstatistikk, prosjekt tidslinje og fjernkonsoll via relevant knapper.

Fra mobilklientens perspektiv kan du teste et nettsted så vel som alle koblingene som er innebygd der. Dessuten lar mobilappen deg kopiere nettadressen som for øyeblikket er åpnet, og støtter også å åpne websiden via en tredjeparts nettleser.

Alt i alt et strålende konsept, spesielt for nettutviklere som kanskje ikke trenger å ty til forskjellige alternative teknikker som innebærer å sette opp hektiske simulerte / virtuelle miljøer for feilsøking og testing nettprosjekter. I stedet er det hele øyeblikkelig og effektivt med Adobe Shadow fordi all testing, synkronisering og feilsøking er utført er sanntid, og med alle nødvendige verktøy som kreves for å utføre oppgaven effektivt.

Fra nå av er Adobe Shadow tilgjengelig gratis på alle støttede plattformer, og kan lastes ned via lenken nedenfor.

Last ned Adobe Shadow via offisielle Adobe Labs