Få ditt nettsted mobilklart med 6 gratis emulatorer

Annonse

I det siste har vi sett på grunner og måter for å teste nettstedet ditt, enten det er forretningsmessig eller personlig, på flere stasjonære nettlesere. Viktigheten av å teste nettstedet ditt på forskjellige nettlesere sikrer at nettstedet ditt ser ut og oppfører seg riktig, uansett hvilken nettleser det blir sett på.

Det samme gjelder mobilnettlesere og kan til og med være mer avgjørende i disse dager, ettersom mange mennesker bruker bruk av responsiv webdesign. Dette konseptet gir i et nøtteskall et nettsted som vil se og oppføre deg bra 7 praksis Pro-designere bruker for å forbedre virksomhetenÅ drive en virksomhet er veldig avgiftsbelagt, men det trenger ikke være slik. Les mer på alle mobile enheter, uansett størrelse. Med så mange forskjellige typer mobiltelefoner En kort historie med mobiltelefonerMobiltelefoner har endret måten vi lever livene våre på, og for mange er utsiktene til en verden uten stemmesamtaler, tekstmeldinger og mobil internettilgang en urovekkende. Som vi alle vet,... Les mer

og nettbrett. Det er en stor feil å designe nettstedet ditt for kun å romme en enhet.

Dette er hva Eric Fischgrund, Marketing and Communications Professional, har å si om viktigheten av dette konseptet i en fersk artikkel fra Huffington Post:

Innhold må ofte skrives om også. For mindre enheter du vil ha kortfattet, lettfattelig tekst. Bildene skal være mindre i størrelse. Responsiv design handler om å forbedre brukernes opplevelse ved å forutse deres behov.

Med alt dette i bakhodet forventer ingen at du kjøper og vedlikeholder alle tilgjengelige enheter. Og det er viktig å merke seg at når nye enheter blir produsert og solgt, ville det være umulig å følge med på den metoden.

Gå inn, de mobile emulatorene. Disse praktiske verktøyene lar deg ikke bare se, men i de fleste tilfeller navigere gjennom nettstedet ditt gjennom “øynene” på forskjellige enheter. Hver av disse emulatorene fungerer bra og er tilgjengelig gratis.

Mobiltelefonemulator

De Mobiltelefonemulator nettstedet gir deg god fleksibilitet for å teste nettstedet ditt. Du kan velge hvilken enhet du vil se på nettstedet ditt og bytte mellom dem alle for gjennomgang. Selv om den ikke inneholder en komplett liste over enheter, kan du finne populære enheter fra Apple, Samsung, LG, Blackberry og HTC med skjermstørrelser oppført for hver. Du kan også velge å se nettstedet ditt i både portrett- og liggende visning på enhetene.

Når nettstedet ditt vises på enheten, kan du klikke på forskjellige artikler, navigasjon eller menyer for å se hvordan hvert område ser ut. Du kan også velge å se enheten i den "ekte" størrelsen eller til å passe til nettleservinduet. Mobiltelefonemulator er et veldig fint, gratis alternativ for testing av nettlesere.

Responsinator

Responsinator vil vise nettstedet ditt på forskjellige enheter alt i en visning. Det er ikke mange enhetsalternativer, men du kan se nettstedet ditt på noen få nyere iOS- og Android-enheter i både portrett- og liggende visninger. Hver har rullefelt for å se hele siden, og igjen kan du klikke på lenker på nettstedet ditt fra enhetene for å sjekke navigasjonen og andre sider.

Responsinator er gratis tilgjengelig, men hvis du ønsker å opprette din egen Responsinator, er alternativet der for $ 6 hver måned eller $ 60 per år. Hvis du gjør mye responsivt design selv, kan dette være et godt alternativ for deg å se nærmere på.

ResponsivePX

ResponsivePX er kanskje ikke så pen som de andre alternativene, men det gjør susen. I stedet for å velge mellom forskjellige enheter, velger du skjermstørrelse. Juster bredden og høyden, og skjermdisplayet vil justeres mens du går.

Du kan velge å vise en rullefelt, som egentlig bare kan være der som standard, men det hjelper deg med å bevege deg rundt på siden på nettstedet ditt. Hvert element kan klikkes på nettstedet ditt slik at du enkelt kan se navigasjonen og forskjellige sider.

ResponsivePX er et anstendig alternativ for mobiltesting og vurderer at du kan justere skjermstørrelsen til 3000 av 3000, kan den brukes til mer enn mobilvisning.

Matt Kersley.com

De Matt Kersley nettsted er igjen, ikke så fin som noen andre, men du kan se nettstedet ditt i fire forskjellige visninger av mobilenheter. Enhetsstørrelser inkluderer en liten telefon og nettbrett samt iPhone og iPad. Hver har rullefelt og lar deg klikke på nettstedelementene dine for ytterligere testing som ovenfor.

iPad (og iPhone) Peek

For testing på iOS alene viser iPad Peek både iPad- og iPhone-visningene på nettstedet ditt. Du kan raskt bytte mellom nettbrettet og telefonen, og også mellom stående og liggende visninger.

Bare skriv inn nettadressen din på enheten og test deg bort. I likhet med de andre emulatorene, lar iPad Peek deg gå gjennom sidene og navigasjonen for en komplett opplevelse.

MobiReady

MobiReady inntil nylig har vært et utmerket verktøy, men nettstedet ser ut til å oppleve noen problemer for øyeblikket. Jeg vil inkludere det i tilfelle problemene deres løses snart, fordi det virkelig er en god emulator. Ikke bare viser det nettstedet ditt, men gir også nyttig informasjon om testing.

Du kan sjekke ut analyser og rapporter sammen med forskjellige testresultater som viser grafer, mislykkede og bestått. Enhetene som vises er begrenset til noen få forskjellige telefonstørrelser sammen med skrivebordsvisning.

Men den andre informasjonen er egentlig det som er mest nyttig på MobiReady. Forhåpentligvis vil nettstedet snart komme i gang igjen slik at du kan prøve det.

Er nettstedet ditt klart for mobil?

Bruker du responsiv webdesign for å sikre deg nettstedet ditt er mobilklart Hvordan sikre deg at WordPress-bloggen din er tilgjengelig for mobile brukere Les mer ? Hva med testingen din; sjekker du ut nettstedet ditt ved hjelp av en emulator som en av disse?

Kanskje det er en annen gratis emulator som du tror fungerer bedre enn alle disse. I så fall kan du dele forslagene dine med alle i kommentarene nedenfor.

Bildekreditt: 3D-nettbrett og mobiltelefon via Shutterstock