Responsive Vorschau und Webseiten "ausmessen"

24.07.2016 12:25 (zuletzt bearbeitet: 24.07.2016 12:50)
avatar  az_
#1
avatar
az_

Hier einmal eine kleine Anregung:

...wollt Ihr wissen, wie Eure Webseite auf anderen Endgeräten aussieht?

Jimdo bietet eine Vorschau (..."Ansichtsmodus ändern" bei klick auf "Besucher-Ansicht"):



Das ist schon ganz nett - und reicht für den Normal-User meistens schon aus.



Viel besser finde ich aber die Vorschau vom Chrome-Browser (Dev-Tools):

- Chrome installieren

- Webseite öffnen (Ansichtsmodus)

- shift+strg+i (Win) / alt+cmd+i (mac) oder rechte Maustaste + "Untersuchen" öffnet die Chrome Dev-Tools

- klick auf "Toggle device mode" öffnet die Device-Preview (=Vorschau)




...hier lassen sich dann noch weitere Features aktivieren - z.B. Lineale etc.




...und andere Devices auswählen:

...in Hochformat oder Querformat:


LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!