Wie kann ich die mobile Website in Safari auf einem Mac-Computer anzeigen?

Wenn Sie als Designer oder Entwickler überprüfen möchten, ob Ihre Website mit der mobilen Ansicht kompatibel ist oder nicht, können Sie die Option für die responsive Websiteansicht im Safari-Browser verwenden. Dazu müssen Sie in der Menüoption im Safari-Browser auf die Registerkarte Safari klicken und dann Einstellungen auswählen. Wechseln Sie nun zur Registerkarte Erweitert und aktivieren Sie das Kontrollkästchen neben dem Menü Entwicklung anzeigen in der Menüleiste.

Möchten Sie die Desktop-Site in einer mobilen Ansicht in Ihrem Safari-Browser auf einem MacOS-Computer laden? Wir haben Sie abgedeckt. Im Folgenden finden Sie die detaillierten Schritte zum Aktivieren der mobilen Site-Ansichtsoption auf Safari.

Diese Option wird im Allgemeinen von Webentwicklern und -designern verwendet, wenn sie das Erscheinungsbild einer neuen Website auf verschiedenen Bildschirmgrößen validieren möchten. Wenn Sie die Website im Safari-Desktop-Browser laden, wird das vollständige Desktop-Erlebnis geladen. Um jedoch auf die mobile Seite zu wechseln, können Sie entweder die Bildschirmgröße reduzieren oder den Responsive-Design-Modus aktivieren.

Eine ähnliche Option ist auch auf verfügbar Chrome-Entwicklertools Hier können Sie die Geräteeinstellungen umschalten, um zwischen der responsiven und der normalen Desktopansicht zu wechseln.

Verwandt: Wie kann ich eine Desktop-Site auf Safari iOS/iPadOS anfordern und anzeigen?

Da ich einen eigenen persönlichen Blog habe, in dem ich verschiedene Dinge poste, überprüfe ich das Erscheinungsbild auf verschiedenen Geräten. Es gibt mir einen besseren Überblick darüber, wie meine Leser es wahrnehmen. Ich begann nach Wegen und Mitteln zu suchen, um meine Website in der mobilen Safari-Ansicht auf meinem Mac anzuzeigen, und schließlich fand ich den Ausweg.

Wie bereits erwähnt, hilft die mobile Ansicht in Safari dabei, das Website-Erlebnis zu überprüfen, ohne Safari auf dem iPhone verwenden zu müssen. Aktivieren Sie einfach das Entwicklungsmenü und starten Sie den Responsive Design-Modus.

Inhalt

Wie aktiviere ich das Entwicklungsmenü in Safari macOS?

Wir müssen das Entwicklungsmenü aktivieren, um die Responsive-Site-Option anzuzeigen. Das entwickelte Menü ist standardmäßig ausgeblendet, aber Sie können es einfach aktivieren.

Hier sind die Schritte zum Aktivieren der Menüleiste „Entwickeln“ im Safari-Browser auf einem Mac-Computer:

1. Start das Safari-Browser auf dem Mac .
2. Klick auf das Safari Menüoption.
3. Wählen Präferenz aus der Liste, um das Dialogfenster zu öffnen.
4. Wechseln Sie zu Fortschrittlich Menüoption.
5. Aktivieren Sie das Kontrollkästchen neben dem — Menü „Entwickeln“ in der Menüleiste anzeigen .

Dadurch wird die Sich entwickeln Menü in der Menüleistenliste des Safari-Browsers.

Wie kann ich eine mobile responsive Website in Safari Mac anzeigen?

Es gibt keine eigenständige Option, die uns helfen kann, das mobile responsive Webdesign zu erreichen. Die Option ist jedoch im Menü „Entwickeln“ ausgeblendet. Es hilft Ihnen bei der Anzeige der mobilen Ansicht im Safari-Browser Mac.

Hier sind die Schritte zum Anzeigen von mobilem responsivem Webdesign in Safari macOS:

1. Start das Safari-Browser auf einem Mac Computer.
2. Öffnen Sie die Webseite die Sie in der mobilen Site-Ansicht haben möchten.
3. Klick auf das Sich entwickeln Menü für Optionen.
4. Wähle aus Geben Sie Responsive Design ein Modusoption aus der Dropdown-Liste.

Dadurch wird die Website neu geladen und der Responsive-Design-Modus aktiviert. Hier können Sie je nach Bedarf die verschiedenen Gerätetypen und Bildschirmauflösungen auswählen.

Wechseln Sie einfach zwischen den auf der Seite aufgeführten iPhone- oder iPad-Modellen, um die mobile Website im Safari-Computerbrowser anzuzeigen.

Fazit – Safari Mac View Mobile Site

Dadurch können wir die mobile responsive Website im Safari-Browser auf dem macOS-Computer anzeigen. Die mobile Website basiert auf dem Modell, das im Responsive Design-Modus ausgewählt wurde.

Ich konnte meine Website auf jedem iPhone- oder iPad-Modell anzeigen, das ich wollte. Das hat mir geholfen, meine Leser besser zu verstehen und wie sie meinen Blog beim Lesen wahrnehmen. Alles in allem ist die mobile Safari-Ansicht eine erstaunliche Funktion!

Ebenso können Sie auch die aktivieren Desktop-Site-Ansicht auf einem iPhone oder iPad Gerät. Dies hilft beim Abrufen der vollständigen Desktop-Erfahrung auf einem Gerät mit kleinem Bildschirm.

Haben Sie jemals versucht, den Entwicklermodus in Safari zu verwenden? Was halten Sie von dieser Funktion?

Häufig gestellte Fragen: Mobile Website in Safari macOS anzeigen

Lassen Sie uns nun häufig gestellte Fragen zum Anzeigen der mobilen Websites in Safari macOS durchgehen.

Wie aktiviere ich das Entwicklungsmenü in Safari macOS?

Klicken Sie in der Menüoption im Safari-Browser auf die Registerkarte Safari und wählen Sie dann Präferenz. Wechseln Sie nun auf die Registerkarte Erweitert und aktivieren Sie das Kontrollkästchen neben Menü „Entwickeln“ in der Menüleiste anzeigen .

Wie zeige ich eine mobile responsive Website in Safari macOS an?

Öffnen Sie zunächst die Website, die Sie in der mobilen responsiven Ansicht anzeigen möchten, und klicken Sie dann in der Menüoption in der Leiste auf die Registerkarte Entwickeln. Wählen Sie nun aus Geben Sie Responsive Design ein.

Wie deaktiviere ich das Entwicklungsmenü in Safari macOS?

Klicken Sie in der Menüoption im Safari-Browser auf die Registerkarte Safari und wählen Sie dann Präferenz. Wechseln Sie nun auf die Registerkarte Erweitert und deaktivieren Sie das Kontrollkästchen neben Menü „Entwickeln“ in der Menüleiste anzeigen .

Schließlich sind hier die empfohlenen Webbrowser für Ihren Computer und Ihr Mobiltelefon, die Sie ausprobieren sollten.

Wenn Sie irgendwelche Gedanken haben Wie kann ich die mobile Website in Safari auf einem Mac-Computer anzeigen? , dann schauen Sie gerne unten vorbei