In diesem Beitrag, der denjenigen gewidmet ist, die Websites erstellen und verwalten, sehen wir einige wirklich gut gemachte Websites, mit denen Sie die Anzeige einer Website mit verschiedenen Bildschirmauflösungen überprüfen können . Heutzutage werden Websites auf unterschiedliche Weise mit PCs, Laptops, Handys, Tablets und Bildschirmen aller Größen gesurft, von großen Monitoren wie Fernsehgeräten bis hin zu kleinen Touchscreens. Dies bedeutet, dass diejenigen, die eine Site entwerfen, sicherstellen müssen, dass sie in allen Terminals und auf Bildschirmen jeder Auflösung gut sichtbar ist.
Eine Website, die keine für die beliebtesten Geräte optimierten Inhalte bietet und bei allen Auflösungen gut lesbar ist, kann viele Besucher verlieren.
Mit Blogger, einer der beliebtesten Blog-Plattformen, können Sie die mobile Version jedes Blogs aktivieren, während Sie mit dem WordPress-CMS ein Plugin verwenden können, um die mobile Version automatisch zu erstellen.
In jedem Fall ist es immer noch wichtig, die Auflösungen auszuprobieren, um sicherzustellen, dass die Site auf großen Monitoren und kleinen Bildschirmen korrekt angezeigt wird .
Es gibt verschiedene Möglichkeiten, die Größe zu testen und die Auflösung auf Mobiltelefonen anzuzeigen.
Unter Windows können Sie die Bildschirmauflösung über das Bedienfeldmenü verringern, während für jedes Mobiltelefon ein Emulator oder Simulator vorhanden ist.
In einem anderen Artikel hatte ich einen Leitfaden zum Surfen im Internet von einem PC aus geschrieben, als wäre es ein Mobiltelefon.
Um dies zuerst zu tun und die Größe einer Site mit unterschiedlichen Bildschirmauflösungen und Kompatibilität mit Mobiltelefonen zu testen, können Sie die automatische Webanwendung Responsivetesttool verwenden . Mit diesem Onlinedienst können Sie eine bestimmte Website in vordefinierten Auflösungen anzeigen. Schreiben Sie einfach die Adresse der zu überprüfenden Site und wählen Sie dann die Auflösung aus, indem Sie mit der Maus klicken. Auf der linken Seite erscheinen halbtransparente Schaltflächen, die die Auflösung je nach verwendetem Gerät ändern. Sie können dann auswählen, ob eine Webseite aus 4 Hauptkategorien ausgewählt werden soll:
- Desktop : Zum Anzeigen einer Site mit der Bildschirmgröße eines 10-Zoll-Netbooks bis hin zu einem Monitor eines 24-Zoll-Desktop-PCs.
- Tablet, um zu überprüfen, wie die Website aussieht, wenn sie von einem iPad, einem Samsung Galaxy oder anderen Tablets geöffnet wird.
- Mobile vereint die weltweit am häufigsten verwendeten Mobiltelefone und Smartphones, darunter iPhone, Blackberry und Google Nexus S mit Android.
- Fernsehen zum Anzeigen von Webseiten auf großen Bildschirmen mit einer Auflösung von 1920 × 1200.
ScreenFly ist eine schnelle Anwendung, die es wert war, darauf hingewiesen zu werden, wie gut sie funktioniert, flüssig ist und ohne die getestete Site jemals neu zu laden. Ein interessantes Merkmal von Screenfly ist auch die Fähigkeit, mobile Versionen der Websites automatisch zu erkennen .
Diese Möglichkeit kann deaktiviert werden, indem das Kreuz auf die Option Kein Proxyserver gesetzt wird (deaktiviert die Geräteumschaltung) . Sie können auch das vertikale Scrollen aktivieren und den Bildschirm drehen.
TestSize hingegen ist eine dynamische Anwendung, mit der Sie Auflösungen von der eines Mobiltelefonbildschirms (240 x 320) bis zu der eines Fernsehgeräts (1920 x 1200) simulieren können.
TestSize funktioniert sehr gut und ermöglicht es Ihnen, jede Größe durch Drücken der Tasten + und - zu simulieren.
Mit Google können Sie das Resizer- Tool verwenden, mit dem Sie bequem und schnell überprüfen können, wie eine Website oder Webseite auf Bildschirmen unterschiedlicher Größe angezeigt wird.
