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

Wilt u mobiele websites uitproberen 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.

Safari toont standaard 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.

Ermee beginnen

Zorg er eerst voor dat u Safari 4 voor Windows hebt geïnstalleerd. Je kunt Safari rechtstreeks downloaden (link hieronder) en installeer het zoals gebruikelijk.

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

En 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.

Bekijk mobiele sites in Safari

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

Klik op het tabblad Geavanceerd en schakel het selectievakje 'Ontwikkelingsmenu weergeven in menubalk' in..

Nadat 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 ervoor te zorgen dat uw browser een mobiel apparaat emuleert, kunt u de bladwijzers en tabbladen verbergen voor een meer 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 in Safari wordt geladen met de iPhone-instelling, wordt het geladen met een heel 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 je geen smartphone hebt, kun je nog steeds een voorbeeld bekijken van hoe websites eruit zien met deze truc. Niet alle sites zullen natuurlijk werken, maar het is leuk om te spelen met verschillende sites die mobiele versies hebben.

Links:

Safari 4 downloaden

Apple iPhone online gebruikershandleiding