Kann ich Websites auf einem iPad in einem Fenster in iPhone-Größe anzeigen?

Ich versuche zu testen, wie meine Website auf dem iPhone aussieht, aber ich habe nur ein iPad. Gibt es eine Möglichkeit, das iPad in das Ansichtsfenster in iPhone-Größe zu zwingen?

Ich empfehle dafür crossbrowsertesting.com . Sie können auch mit verschiedenen iOS-Versionen testen.

Antworten (5)

Nun, Sie könnten eine Browser-App eines Drittanbieters finden, die nur für das iPhone gedacht ist, und diese auf Ihrem iPad verwenden. Es gibt viele kostenlose. Suchen Sie einfach im App Store nach „Browser“.

Nö, das kannst du nicht. Aber wenn Sie einen Mac haben, können Sie Xcode kostenlos aus dem Mac App Store installieren.

Es wird mit einer App namens iOS Simulator geliefert, mit der Sie Mobile Safari auf Ihrem Mac ausführen können, einschließlich der Auflösung älterer iPhones / iPods (Nicht-Retina-Display), neuer iPhones mit Retina-Display und der Auflösung des iPad.

Es implementiert auch alle Touchscreen-JavaScript-Ereignisse (z. B.: onmouseover wird ausgelöst, wenn Sie anstelle von onclick tippen, dann wird onclick ausgelöst, wenn Sie erneut tippen), doppeltes Tippen, um in ein DOM-Element zu zoomen, und zeigt Ihnen richtig, wie Dinge wie behoben wurden position CSS-Elemente werden angezeigt, was sich auf Mobile Safari sehr von der normalen Desktop-Safari unterscheidet und Ihnen alle iOS-Formularelemente gibt ( <select multiple>Felder sind beispielsweise völlig anders).

Mir ist keine Möglichkeit bekannt, Ihre Website unter Windows oder Linux richtig zu testen, das Ändern der Browserfenstergröße reicht nicht aus.

Keine Ahnung, warum ich nicht daran gedacht habe. Danke!
Muss man dafür nicht Entwickler sein?
Nein, Sie müssen nur Entwickler sein, um Apps im App Store bereitzustellen und auf Beta-Versionen von OS X zuzugreifen. Alle Tools sind seit den 80er Jahren immer kostenlos bei Apple erhältlich.

Es funktioniert mehr oder weniger jeder Browser, der eine spezielle iPhone-Version (nicht universell) hat. Ich empfehle den Perfect Browser oder Aquari iPhone Browser.

Sie können den Dolphin-Browser verwenden. Laden Sie es einfach für das iPad aus dem iPhone-Apps-Bereich herunter. Sie können auch Dienste wie http://testiphone.com verwenden

Dies zeigt die Seite, aber Sie können nicht scrollen :-(

Wenn Sie eine Desktop-Version von Google Chrome verwenden können, kann diese ein iPhone emulieren. Klicken Sie im Debug-Modus auf das Symbol „Geräte emulieren“ in der Nähe der oberen linken Ecke des Debug-Bedienfelds, und Sie können damit iPhones, iPads, Samsung-Telefone und viele andere Modelle emulieren (die Liste umfasst etwa 20 Elemente).

Es emuliert nicht nur die Breite und Höhe, sondern verhält sich auch entsprechend Ihrem metaTag . viewportWenn Sie also diese Zeile in Ihrem HTML- <head>Abschnitt haben:

<meta name="viewport" content="width=device-width, initial-scale=1">

Dann zeigt der Emulator für iPhone 6 Plus eine "Ja, ich bin ein kleiner Bildschirm und ich werde entsprechend handeln"-Version der Seite. Andererseits gibt sich das iPhone 6 Plus ohne die obige Zeile als leistungsstarker Browser mit einem breiten Bildschirm aus und zeigt Ihnen die Seite – aber in diesem Fall wird der Text sehr klein und nicht sehr gut lesbar sein. Ich meine also, Google Chrome emuliert Ihr Telefon, wobei der HTML-Code originalgetreu angezeigt wird, als wäre es ein echtes Gerät.

Vergleichen Sie das mit Firefox Version 44.0, die nur die Gerätegröße emulieren kann, sich aber nicht um die metaobige Zeile kümmert, sodass Sie eine Version der Seite in Firefox und eine andere Version der Seite auf einem echten Gerät sehen können .

Hier ist ein Screenshot der Emulation eines iPhone 6 Plus:

Geben Sie hier die Bildbeschreibung ein

Es ist eine gute Antwort, aber es emuliert kein iOS-Gerät im strengsten Sinne des Wortes – es emuliert einfach die Abmessungen eines iOS-Geräts.
Kann ich Websites auf einem iPad in einem Fenster in iPhone-Größe anzeigen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v