responsive Ansicht auf PC anzeigen lassen

[Lehrling]

Hallo,
ich habe mich jetzt mal an die Umstellung meiner Styles gemacht und würde mir gerne auch die responsive Version anzeigen lassen. Geht das über den PC? Läuft ja alles noch über XAMPP und ist somit offline.
LG Beate

[Rare Essence]

Ohne 3.1.x jetzt ausprobiert zu haben, ähem, fallen mir generell zwei Möglichkeiten ein: Breite des Browserfensters ändern oder den User-Agent manipulieren, so daß ein Mobilgerät vorgegauckelt wird.

[Lehrling]

Ich habe jetzt herausgefunden, dass man sich für firefox und Chrome Add-ons herunterladen und installieren kann, um die gewünschte Seite in der mobilen Version anzeigen zu lassen. Einfach mal als Suchbegriff User Agent Switcher eingeben.

[Kirk]

Hallo
Du brauchst doch nur dein Browser Fenster verkleinern, dann siehst du die responsive Ansicht.

[Lehrling]

EDIT: funktioniert doch mit dem Verkleinern des Fensters. Sobald das Logo verschwunden ist, wird die responsive Ansicht gezeigt.
irgendwie stehe ich wieder auf dem Schlauch. Wenn ich das Fenster einfach nur verkleinere, wird es halt einfach kleiner. Wenn ich über die Einstellungen den Zoom verändere, z.B. auf 25%, wird alles ganz winzig klein, also z.B. auch die Schrift. Dann sehe ich fast nichts mehr. Aber mit diesem User Agent Switcher wird die Mobilversion angezeigt so wie sie auf dem Handy angezeigt wird. Ich verwende ja Google Chrome und da kannst du über diesen Switcher auch den Browser auswählen. Das ist super praktisch.

[Rare Essence]

Für Chromium-Browser wie Chrome oder Iron brauchst du kein Add-on:
http://www.technipages.com/google-chrom ... ent-string

Von Opera gibt's übrigens Emulatoren:
http://www.opera.com/developer/mobile-emulator
http://dev.opera.com/articles/installin ... -computer/

[HabNurNeFrage]

Hi,

zum Thema User-Agent-Switcher:
Damit kann man nur herausfinden, ob die Programmierung der Seite, sofern diese auf User-Agents reagiert, richtig schaltet.
Ob die Ansicht auf dem Endgerät auch passt, wird man damit nicht sehen können, da sich die Auflösung nicht verändert.
Um responsive Ansichten wirklich zu testen, müsste man die verschiedensten Mobile-Browser-Emulatoren haben.

Gut geeignet ist das bloße Verkleinern des Browserfensters oder ein iFrame-Switcher, der die Seiten in vordefinierte iFrames mit overflow:scroll lädt.
Das 3.1er phpBB reagiert nicht auf User-Agents, sondern auf Bildschirmauflösungen.

One-Fits-All-Solution: @media all and (max-width: 480px) { body { transform:rotate(90deg); } }

LG

[Gast234254]

Tipps für das Testen deiner 3.1.xer-phpBB-Seite, also auch zur mobilen Ansicht, findest du gerade ganz aktuell hier: http://www.ongray-design.de/forum/viewt ... 5895#p5895