Mobile und verschiedene Browser Ansichten in Safari aktivieren

Mobile und verschiedene Browser Ansichten in Safari aktivieren

 

Viele Webseiten Entwickler und Blogbetreiber möchten gerne mal testen und sehen, wie die eigene Seite in den verschiedenen Browsern, wie z.B dem Internet Explorer, Opera, Iphone oder iPad aussieht und verhält.

Safari bietet diese Funktion im Entwickler Menü über den User Agent an, mit welchem die verschiedenen Browser eingestellt werden können. Das Entwickler Menü ist Standardmäßig nicht aktiviert und somit nicht sichtbar. Um dieses zu aktivieren müssen die Einstellungen von Safari aufgerufen werden. In den Einstellungen navigiert man auf den Punkt „Erweitert„, und setzt dort ganz unten den Haken um das Entwickler Menü in der Menüleiste anzeigen zu lassen.

 

Mobile und verschiedene Browser Ansichten in Safari aktivieren

 

Im Entwickler Menü kann man nun unter „User Agent“ (siehe Titelbild) den Brower Typ festlegen. Die Seite wird danach automatisch neu geladen. In einem Beispiel von der Amazon.de Seite kann man schön den Unterschied zwischen der Desktop und der mobilen Seite feststellen.

 

Mobile und verschiedene Browser Ansichten in Safari aktivieren

Amazon.de Seite in der normalen Desktop Ansicht

Mobile und verschiedene Browser Ansichten in Safari aktivieren

Amazon.de Seite in der mobilen Ansicht

 

0 Antworten

Hinterlassen Sie einen Kommentar

Wollen Sie an der Diskussion teilnehmen?
Feel free to contribute!

Kommentar verfassen