Krijg uw site mobiel klaar met 6 gratis emulators

In het verleden hebben we gekeken naar redenen en manieren om uw website, zakelijk of persoonlijk, in meerdere desktopbrowsers te testen. Het belang van het testen van uw site op verschillende browsers zorgt ervoor dat uw site er goed uitziet en zich gedraagt, ongeacht op welke browser deze wordt bekeken.

Hetzelfde geldt voor mobiele browsers en kan tegenwoordig zelfs belangrijker zijn, omdat veel mensen gebruik maken van responsief webontwerp. Dit concept biedt in een notendop een website die er goed uit zal zien en zich goed zal gedragen 7 Praktijken Pro-ontwerpers gebruiken hun bedrijf 7 Praktijken Pro-ontwerpers gebruiken hun bedrijf Het runnen van een bedrijf is zeer belastend, maar het hoeft niet op die manier. Lees meer op alle mobiele apparaten, ongeacht de grootte. Met zoveel verschillende soorten mobiele telefoons Een korte geschiedenis van mobiele telefoons Een korte geschiedenis van mobiele telefoons Mobiele telefoons hebben de manier veranderd waarop we ons leven leiden en voor velen, het vooruitzicht van een wereld zonder spraakoproep, sms-berichten en mobiele internettoegang is een verontrustende. Zoals we allemaal weten, is ... Read More en tablets, het ontwerpen van uw site om slechts één apparaat te accommoderen een grote vergissing.

Dit is wat Eric Fischgrund, marketing- en communicatieprofessional, te zeggen heeft over het belang van dit concept in een recent Huffington Post-artikel:

Content moet vaak ook worden herschreven. Voor kleinere apparaten wilt u beknopte, gemakkelijk te begrijpen tekst. Afbeeldingen moeten kleiner zijn. Responsief ontwerp gaat over het verbeteren van de gebruikerservaring door te anticiperen op hun behoeften.

Met dit alles in gedachten verwacht niemand dat u elk beschikbaar apparaat aanschaft en onderhoudt. En het is belangrijk op te merken dat als nieuwe apparaten worden geproduceerd en verkocht, het onmogelijk zou zijn om die methode bij te houden.

Enter, de mobiele emulators. Met deze handige hulpmiddelen kunt u niet alleen bekijken, maar in de meeste gevallen navigeren door uw website via de “ogen” van verschillende apparaten. Elk van deze emulators werkt goed en is gratis beschikbaar.

Mobiele telefoonemulator

De mobiele telefoon-emulator-site biedt u enige goede flexibiliteit voor het testen van uw website. U kunt kiezen op welk apparaat u uw site wilt bekijken en kunt schakelen tussen alle apparaten ter beoordeling. Hoewel het geen complete lijst met apparaten bevat, kunt u populaire apparaten vinden van Apple, Samsung, LG, Blackberry en HTC met de schermgroottes die voor elk apparaat zijn vermeld. U kunt er ook voor kiezen om uw site in zowel staande als liggende weergaven op de apparaten te bekijken.

Zodra uw website op het apparaat wordt weergegeven, kunt u op verschillende artikelen, navigatie of menu's klikken om te zien hoe elk gebied er uitziet. U kunt er ook voor kiezen om het apparaat in zijn “echt” formaat of om in uw browservenster te passen. Mobile Phone Emulator is een erg leuke, gratis optie voor het testen van mobiele browsers.

Responsinator

Responsinator toont uw website op verschillende apparaten in één weergave. Er zijn niet veel opties voor apparaten, maar u kunt uw site bekijken op enkele recente iOS- en Android-apparaten in zowel staande als liggende weergaven. Elk heeft schuifbalken voor het bekijken van de hele pagina en nogmaals, u kunt klikken op links op uw site vanaf de apparaten om de navigatie en andere pagina's te bekijken.

Responsinator is gratis beschikbaar, maar als je je eigen Responsinator wilt maken, is die optie er voor $ 6 per maand of $ 60 per jaar. Als je zelf veel responsive design doet, dan is dit misschien een goede optie om verder naar binnen te kijken.

ResponsivePX

ResponsivePX is misschien niet zo mooi als de andere opties, maar het doet de truc. In plaats van te kiezen uit verschillende apparaten, selecteert u de schermgrootte. Pas de breedte en hoogte aan en de schermweergave wordt automatisch aangepast.

U kunt ervoor kiezen om een ​​schuifbalk weer te geven, die er eigenlijk gewoon gewoon zou kunnen zijn, maar het helpt u om over de pagina van uw site te bladeren. Elk element kan op uw site worden geklikt, zodat u de navigatie en verschillende pagina's gemakkelijk kunt bekijken.

ResponsivePX is een goede optie voor mobiel testen en aangezien je de schermgrootte kunt aanpassen naar 3000 bij 3000, zou het kunnen worden gebruikt voor meer dan mobiel kijken.

Matt Kersley.com

De Matt Kersley-site is weer, niet zo mooi als sommige anderen, maar je kunt je website in vier verschillende weergaven van mobiele apparaten zien. Apparaatformaten zijn een kleine telefoon en tablet, evenals een iPhone en iPad. Elk heeft schuifbalken en kunt u op uw site-elementen klikken voor verdere testen, zoals die hierboven.

iPad (en iPhone) Peek

Voor testen op iOS alleen toont iPad Peek zowel de iPad- als de iPhone-weergave van uw website. U kunt snel schakelen tussen het tablet en de telefoon en ook tussen staande en liggende weergaven.

Voer gewoon uw URL in op het apparaat en test deze weg. Net als met de andere emulators, laat iPad Peek je door je pagina's op je site navigeren en navigeren voor een complete ervaring.

MobiReady

MobiReady is tot voor kort een uitstekend hulpmiddel geweest, maar de site lijkt op dit moment enkele problemen te ondervinden. Ik wil het opnemen in het geval hun problemen snel worden opgelost, omdat het echt een goede emulator is. Het geeft niet alleen uw website weer, maar biedt ook enkele nuttige testinformatie.

U kunt analyses en rapporten bekijken samen met verschillende testresultaten met grafieken, mislukkingen en passen. De weergegeven apparaten zijn beperkt tot een paar verschillende telefoongroottes, samen met een bureaubladweergave.

Maar de andere informatie is echt wat het nuttigst is op MobiReady. Hopelijk komt de site snel weer in actie, zodat u hem kunt uitproberen.

Is uw site klaar voor mobiel?

Gebruikt u responsief webontwerp om ervoor te zorgen dat uw site mobiel beschikbaar is? Hoe zorgt u ervoor dat uw WordPress-blog toegankelijk is voor mobiele gebruikers Hoe zorgt u ervoor dat uw WordPress-blog toegankelijk is voor mobiele gebruikers Meer lezen? Hoe zit het met uw testen; kijk je op je website met behulp van een emulator zoals een van deze?

Misschien is er een andere gratis emulator waarvan je denkt dat het beter werkt dan al deze. Zo ja, deel uw suggesties dan met iedereen in de onderstaande opmerkingen.

Image Credit: 3d tabletcomputers en mobiele telefoon via Shutterstock

Ontdek meer over: Webdesign, Webontwikkeling.