Responsive Design
Responsive Design Testing
Schon über 50% aller Internetzugriffe erfolgen heute über ein Smartphone oder ein Tablet. 90% aller Websites sind aber ausschliesslich auf Zugriffe von einem Desktop aus optimiert, was zur Folge hat, dass bei deren Aufruf von einem Smartphone beispielsweise Inhalte nur ungenügend dargestellt oder gar nicht angezeigt werden. Mit einem «reponsive Design» passt sich der Inhalt automatisch dem entprechenden Gerät an und man braucht nicht mit der «Zweifingergeste» herumzunavigieren.
Aus Sicherheitsgründen können hier nur Websites getestet werden, die über eine sichere Verbindung erreichbar sind. (https://<ihrewebsite>). https:// muss jedoch nicht eingegeben werden.
Ein Navigieren innerhalb der Frames wird üblicherweise vom Browser aus Sicherheitsgründen verhindert. Falls eine von der Hauptseite abweichende Seite getestet werden soll, ist diese direkt im entsprechenden Formular einzutragen.
240 x 320 (small phone)
320 x 480 (iPhone)
480 x 640 (small tablet)
768 x 1024 (iPad - Portrait)
1024 x 768 (iPad - Landscape)
A tool by Matt Kersley - Fork it on Github
Note: The content width may not be pixel perfect - I have added 15px to the iframes to cater for the scrollbars
