Tidligere har vi set grunde og måder til at teste dit websted, hvad enten det er forretningsmæssigt eller personligt, på flere desktop-browsere. Vigtigheden af at teste dit websted på forskellige browsere sikrer, at dit websted ser ud og fungerer korrekt, uanset hvilken browser den ses på.
Det samme gælder for mobile browsere og kan endda være mere afgørende i disse dage, da mange bruger brug af lydhurtigt webdesign. Dette koncept giver i en nøddeskal et websted, der vil se og opføre sig godt 7 Practices Pro Designers bruger til at forbedre deres forretning 7 Practices Pro designere bruger til at forbedre deres forretning At drive en virksomhed er meget beskatning, men det behøver ikke at være den måde. Læs mere på alle mobile enheder, uanset størrelse. Med så mange forskellige typer mobiltelefoner En kort historie af mobiltelefoner En kort historie af mobiltelefoner Mobiltelefoner har ændret den måde, hvorpå vi lever vores liv, og for mange er udsigten til en verden uden taleopkald, tekstbeskeder og mobil internetadgang en foruroligende en. Som vi alle ved, ... Læs mere og tabletter, der designer dit websted for kun at rumme en enhed er en stor fejltagelse.
Her er hvad Eric Fischgrund, Marketing and Communications Professional har at sige om betydningen af dette koncept i en ny Huffington Post-artikel:
Indholdet skal ofte også omskrives. For mindre enheder vil du have koncis, let at forstå tekst. Billeder skal være mindre i størrelse. Responsivt design handler om at øge brugernes oplevelse ved at foregribe deres behov.
Med alt dette i tankerne forventer ingen, at du køber og vedligeholder alle tilgængelige enheder. Og det er vigtigt at bemærke, at som nye enheder produceres og sælges, ville det være umuligt at følge med den metode.
Indtast de mobile emulatorer. Disse praktiske værktøjer giver dig mulighed for ikke kun at se, men i de fleste tilfælde navigere gennem dit websted gennem "øjne" af forskellige enheder. Hver af disse emulatorer fungerer godt og er tilgængelig gratis.
Mobiltelefon Emulator
Mobiltelefon Emulator-webstedet giver dig god fleksibilitet til at teste din hjemmeside. Du kan vælge hvilken enhed der skal se dit websted på og skifte mellem dem alle for at blive gennemgået. Selvom det ikke indeholder en komplet liste over enheder, kan du finde populære fra Apple, Samsung, LG, Blackberry og HTC med skærmstørrelser, der er angivet for hver. Du kan også vælge at se dit websted i både portræt og landskabsvisning på enhederne.
Når din hjemmeside er vist på enheden, kan du klikke på forskellige artikler, navigation eller menuer for at se, hvordan hvert område ser ud. Du kan også vælge at se enheden i sin "rigtige" størrelse eller for at passe til dit browservindue. Mobiltelefon Emulator er en rigtig god, gratis mulighed for mobil browser test.
Responsinator
Responsinator vil vise dit websted på forskellige enheder alt i ét billede. Der er ikke mange enheder, men du kan se dit websted på et par nyere iOS- og Android-enheder i både portræt- og landskabsvisninger. Hver har rullefelter til visning af hele siden og igen. Du kan klikke på links på dit websted fra enhederne for at tjekke navigationen og andre sider.
Respondator er tilgængelig gratis, men hvis du gerne vil oprette din egen Respondator, er denne mulighed der for enten $ 6 månedlig eller $ 60 årligt. Hvis du selv gør meget responsivt design, kan det være en god mulighed for dig at undersøge yderligere.
ResponsivePX
ResponsivePX er muligvis ikke så smuk som de andre muligheder, men det gør tricket. I stedet for at vælge fra forskellige enheder vælger du skærmstørrelsen. Juster bredden og højden, og skærmbilledet justeres, mens du går.
Du kan vælge at vise en rullepanel, som virkelig kunne være der som standard, men det hjælper dig med at flytte rundt på siden på dit websted. Hvert element kan klikkes på dit websted, så du nemt kan se navigation og forskellige sider.
ResponsivePX er en anstændig mulighed for mobilprøvning, og i betragtning af at du kan justere skærmens størrelse til 3000 med 3000, kan den bruges til mere end mobil visning.
Matt Kersley.com
Matt Kersley-webstedet er igen ikke så flot som nogle andre, men du kan se din hjemmeside i fire forskellige mobilenheder. Enhedsstørrelser omfatter en lille telefon og tablet samt iPhone og iPad. Hver har rullebjælker og giver dig mulighed for at klikke på dine webstedselementer til yderligere test, som dem ovenfor.
iPad (og iPhone) Peek
For at teste på iOS alene, viser iPad Peek både iPad og iPhone visninger på dit websted. Du kan hurtigt skifte mellem tablet og telefon og også mellem portræt og landskabsvisninger.
Indtast bare din URL på enheden og test væk. Som med de andre emulatorer kan iPad Peek du flytte gennem dine sider og navigering for en komplet oplevelse.
MobiReady
MobiReady har indtil for nylig været et glimrende værktøj, men webstedet ser ud til at have nogle problemer i øjeblikket. Jeg vil gerne medtage det, hvis deres problemer er rettet hurtigt, fordi det virkelig er en god emulator. Det viser ikke kun din hjemmeside, men giver også nogle nyttige testoplysninger.
Du kan tjekke analyser og rapporter sammen med forskellige testresultater, der viser grafer, fejler og passerer. De viste enheder er begrænset til et par forskellige telefonstørrelser sammen med en desktop-visning.
Men de andre oplysninger er virkelig, hvad der er mest nyttigt på MobiReady. Forhåbentlig er webstedet snart tilbage, så du kan prøve.
Er dit websted klar til mobil?
Bruger du responsivt webdesign for at sikre, at dit websted er mobil-klar Sådan gør du sikker Din WordPress-blog er tilgængelig for mobile brugere Sådan sikrer du din WordPress-blog er tilgængelig for mobile brugere Læs mere? Hvad med din testning tjekker du dit websted ved hjælp af en emulator som en af disse?
Måske er der en anden gratis emulator, som du synes fungerer bedre end alle disse. Hvis det er tilfældet, kan du dele dine forslag med alle i kommentarerne nedenfor.
Billedkredit: 3D tabletcomputere og mobiltelefon via Shutterstock