Bekijk mobiele websites in Windows met Safari 4 Developer Tools

Aug 19, 2025
Cloud en internet

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

Safari laat standaard desktopwebsites zien. Maar door een simpele wijziging aan te brengen, kunt u het omschakelen naar het werk zoals Safari Mobile op de iPhone of iPod Touch.

Aan de slag

Zorg er eerst voor dat Safari 4 voor Windows is geïnstalleerd. U kunt Safari rechtstreeks downloaden ( link hieronder ) en installeer het zoals gewoonlijk.

Of als u al een ander Apple-programma hebt geïnstalleerd, zoals QuickTime of iTunes, dan kunt u dit installeren vanaf Apple Software-update. Gewoon invoeren Apple software update in het zoekvak van het menu Start.

En selecteer vervolgens Safari 4 in de lijst met nieuwe beschikbare 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

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

Klik op het tabblad Geavanceerd en vink het vakje aan met de tekst "Ontwikkelingsmenu weergeven in menubalk".

Nadat u uw instellingenvenster heeft gesloten, klikt u op het paginapictogram, selecteert u Ontwikkelen, vervolgens User Agent en kiest u vervolgens een van de Mobile Safari-instellingen. In onze test hebben we gekozen 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 meer gestroomlijnde interface.

Klik op het tandwielpictogram en selecteer "Bladwijzerbalk verbergen", herhaal dit en klik op "Tabbladbalk verbergen".

U kunt uw venster ook verkleinen zodat het dichter bij de grootte van het scherm van een mobiel apparaat komt. Zodra u deze dingen heeft gedaan, zou Safari er ongeveer zo uit moeten zien als deze schermafbeelding. Hier hebben we Google.com geladen, en je kunt het zien in de iPhone-achtige interface.

Voer gewoon een website in de adresbalk in en deze wordt geladen in de mobiele interface als deze er is. Dit zijn de andere mobiele aanbiedingen van Google, rechtstreeks 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 erg mooie mobiele gebruikersinterface die net als een iPhone-app werkt. U kunt zelfs klikken en slepen om te scrollen, net zoals u met uw vinger op een iPhone zou doen.

Gevolgtrekking

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

Links:

Safari 4 downloaden

Apple iPhone online gebruikershandleiding

.entry-inhoud .entry-footer

How To Open Developer Tools In Safari

How To Enable Safari Developer Tools

How To Use Safari Developer Tools For Testing Mobile And Responsive Web Sites

Mobile Debugging Using Google Chrome Developer Tools

Using Desktop Safari Browser To View Mobile Version Of A Site

How To Enable Developer Mode In Safari Browser

How To View Your Website On Multiple Mobile Phones

Firefox 11 Developer Tools Update

Using Responsive Mobile View In Google Chrome

Debug A Website In IOS Safari From A Windows 10 PC

Using Web Inspector On Mac To Debug Mobile Safari

Safari Development Tools - Responsive Design Mode

Web Browser Dev Tools Part 1: Mobile Website Testing


Cloud en internet - Meest populaire artikelen

Het ingebouwde woordenboek van Microsoft Edge gebruiken

Cloud en internet Dec 10, 2024

ONGECAAKTE CONTENT De Windows 10 Update van oktober 2018 bracht veel nieuwe functies, waaronder enkele voor Microsoft Edge. Een daarvan is een ingebouwd woordenboek..


De beste tools voor het bewerken van afbeeldingen op een Chromebook

Cloud en internet Aug 22, 2025

Chromebooks worden al lang aangeprezen als geweldige machines voor gebruikers die 'niets anders nodig hebben dan een browser'. Maar naarmate de tijd verstreek, zijn de machines krac..


Wat is het verschil tussen Kladblok en WordPad in Windows?

Cloud en internet Jun 20, 2025

Als u in Microsoft Word bent getraind sinds u een computer begon te gebruiken, heeft u misschien nog nooit naar die andere schrijfopties in Windows gekeken. Notepad en WordPad zijn ..


Een back-up maken van de app-gegevens van uw iPhone naar Dropbox

Cloud en internet May 24, 2025

Het migreren van je opgeslagen Angry Birds Rio-game van je iPhone naar je iPad is erg lastig. Als u echter jailbroken apparaten gebruikt, is dit proces dankzij DataDeposit eenvoudig..


Xmarks is dood, dus welke andere opties heeft u?

Cloud en internet Aug 21, 2025

Het begon als de Foxmarks-extensie, daarna veranderden ze het in Xmarks en zorgden ervoor dat het in elke webbrowser werkte - en nu heeft het stierf een dodelijke dood . De ser..


Beheer het verzenden van 2010-documenten naar het web met Office Upload Center

Cloud en internet Jun 16, 2025

Een van de belangrijkste nieuwe functies die in Office 2010 worden aangeprezen, is de mogelijkheid om documenten naar het web te uploaden om ze te delen en samen te werken. Vandaag kijken we ..


Exaile 0.3.0 is een muziekspeler voor Ubuntu

Cloud en internet Apr 5, 2025

Multimedia is een belangrijk onderdeel van een besturingssysteem en Linux heeft tal van opties om met multimedia om te gaan, vooral muziek. Exaile is een muziekmanager en -speler voor GTK + g..


Deel uw Windows Vista Experience Index Score

Cloud en internet Feb 17, 2025

ONGECAAKTE CONTENT ShareYourScore.com is een site waar u uw Windows Vista Experience Index-beoordeling kunt uploaden en deze met de wereld kunt delen. U kunt ook de topscores van anderen be..


Categorieën