2Jul

Bekijk mobiele websites in Windows met de Developer Tools van Safari 4

Wilt u mobiele websites proberen die zijn ontworpen voor de iPhone en andere mobiele apparaten op uw pc? Met Safari 4 voor Windows kunt u dit eenvoudig doen met hun ontwikkeltools.

Standaard toont Safari standaard desktopwebsites. Maar door een eenvoudige wijziging aan te brengen, kunt u het schakelen naar werk zoals Safari Mobile op de iPhone of iPod Touch.

Aan de slag

Controleer eerst of Safari 4 voor Windows is geïnstalleerd. U kunt Safari rechtstreeks downloaden( -koppeling onder ) en zoals gewoonlijk installeren.

Of hebt u al een ander Apple-programma geïnstalleerd, zoals QuickTime of iTunes, dan kunt u het installeren via de Apple Software-update. Voer eenvoudig Apple-software-update in het zoekvak van het menu Start in.

Selecteer vervolgens Safari 4 in de lijst met beschikbare nieuwe software. Klik op Installeren om Safari automatisch te downloaden en te installeren.

Accepteer de licentieovereenkomst en Safari wordt automatisch geïnstalleerd.

Zodra dit is voltooid, is Safari klaar voor gebruik.

Mobiele sites weergeven in Safari

Eerst moeten we de ontwikkelaarstools inschakelen. Klik op het tandwielpictogram op de werkbalk en selecteer Voorkeuren.

Klik op het tabblad Geavanceerd en vink vervolgens het vakje aan met de melding "Toon ontwikkelmenu in menubalk".

Als u uw instellingenvak hebt gesloten, klikt u op het paginapictogram, selecteert u Ontwikkelen en vervolgens Gebruikersagent en kiest u vervolgens een van de instellingen voor Mobile Safari. In onze test kozen we voor Mobile Safari 3.1.2 - iPhone.

Om uw browser een mobiel apparaat beter te laten emuleren, kunt u de bladwijzers en tabbladen verbergen voor een gestroomlijnde interface.

Klik op het tandwielpictogram en selecteer "Bladwijzerbalk verbergen" en herhaal en klik op "Tabbalk verbergen".

U kunt ook uw venster kleiner maken om dichter bij de grootte van het scherm van een mobiel apparaat te komen. Zodra je deze dingen hebt gedaan, zou Safari er ongeveer zo uit moeten zien als deze screenshot. Hier hebben we Google.com geladen en je kunt het zien in de interface in iPhone-stijl.

Voer eenvoudigweg een website in de adresbalk in en deze laadt in zijn mobiele interface als deze er één heeft. Dit is het andere mobiele aanbod van Google, precies in Windows.

Gmail laadt berichten met de standaard iPhone-interface.

Een bijzonder interessante mobiele site is Apple's online iPhone-gebruikershandleiding. Wanneer het wordt geladen in Safari met de iPhone-instelling, wordt het geladen met een zeer mooie mobiele gebruikersinterface die werkt net als een iPhone-app. Je kunt zelfs klikken en slepen om te bladeren, net zoals je zou doen met je vinger op een iPhone.

Conclusie

Zelfs als u geen smartphone hebt, kunt u nog steeds een voorbeeld bekijken van hoe websites eruit zien met deze truc. Niet alle sites werken natuurlijk, maar het is leuk om met verschillende sites te spelen die mobiele versies hebben.

Links:

Safari 4 Download

Apple iPhone online gebruikersgids