In der Vergangenheit haben wir nach Gründen und Wegen gesucht, um Ihre Website, ob geschäftlich oder privat, auf mehreren Desktop-Browsern zu testen. Die Wichtigkeit des Testens Ihrer Website in verschiedenen Browsern stellt sicher, dass Ihre Website korrekt aussieht und sich korrekt verhält, unabhängig davon, auf welchem Browser sie angezeigt wird.
Das gleiche gilt für mobile Browser und kann heutzutage sogar wichtiger sein, da viele Leute die Verwendung von Responsive Webdesign verwenden. Dieses Konzept, auf den Punkt gebracht, bietet eine Website, die gut aussehen und sich gut benehmen wird. 7 Praktiken, die Pro-Designer nutzen, um ihr Geschäft zu verbessern 7 Praktiken, die Pro-Designer nutzen, um ihr Geschäft zu verbessern Ein Geschäft zu betreiben ist sehr anstrengend, aber es muss nicht sei auch so. Lesen Sie mehr auf allen mobilen Geräten, unabhängig von ihrer Größe. Mit so vielen verschiedenen Arten von Handys Eine kurze Geschichte von Handys Eine kurze Geschichte von Handys Mobiltelefone haben die Art und Weise verändert, wie wir unser Leben leben und zu vielen, die Aussicht auf eine Welt ohne Sprachanrufe, SMS und mobilen Internetzugang ist ein beunruhigender. Wie wir alle wissen, ... Lesen Sie mehr und Tabletten, die Gestaltung Ihrer Website, um nur ein Gerät aufzunehmen ist ein großer Fehler.
Hier ist, was Eric Fischgrund, Marketing und Kommunikation Professional, über die Bedeutung dieses Konzepts in einem aktuellen Huffington Post Artikel zu sagen hat:
Inhalte müssen oft neu geschrieben werden. Für kleinere Geräte möchten Sie einen prägnanten, leicht verständlichen Text. Bilder sollten kleiner sein. Bei Responsive Design geht es darum, die Benutzererfahrung zu verbessern, indem ihre Bedürfnisse antizipiert werden.
Aus diesem Grund erwartet niemand, dass Sie jedes verfügbare Gerät kaufen und warten. Und es ist wichtig anzumerken, dass es bei der Herstellung und dem Verkauf neuer Geräte unmöglich wäre, mit dieser Methode Schritt zu halten.
Betreten Sie die mobilen Emulatoren. Mit diesen praktischen Tools können Sie Ihre Website nicht nur anzeigen, sondern in den meisten Fällen auch durch die "Augen" verschiedener Geräte navigieren. Jeder dieser Emulatoren funktioniert gut und ist kostenlos verfügbar.
Handy-Emulator
Die Handy-Emulator-Website bietet Ihnen einige gute Möglichkeiten zum Testen Ihrer Website. Sie können auswählen, auf welchem Gerät Ihre Website angezeigt werden soll, und zur Überprüfung zwischen ihnen wechseln. Obwohl es keine vollständige Liste von Geräten enthält, können Sie beliebte von Apple, Samsung, LG, Blackberry und HTC mit Bildschirmgrößen für jedes aufgeführt finden. Sie können Ihre Website auch auf den Geräten sowohl im Hoch- als auch im Querformat anzeigen.
Sobald Ihre Website auf dem Gerät angezeigt wird, können Sie auf verschiedene Artikel, Navigation oder Menüs klicken, um zu sehen, wie jeder Bereich aussieht. Sie können das Gerät auch in seiner "echten" Größe oder in Ihrem Browserfenster anzeigen lassen. Handy-Emulator ist eine wirklich nette, kostenlose Option für mobile Browser-Tests.
Verantwortlicher
Der Responsiator zeigt Ihre Website auf verschiedenen Geräten in einer Ansicht an. Es gibt nicht viele Geräteoptionen, aber Sie können Ihre Website auf einigen aktuellen iOS- und Android-Geräten sowohl im Hoch- als auch im Querformat anzeigen. Jeder verfügt über Bildlaufleisten zum Anzeigen der gesamten Seite und erneut können Sie auf den Links auf Ihrer Website von den Geräten aus klicken, um die Navigation und andere Seiten zu überprüfen.
Der Responsator ist kostenlos verfügbar, aber wenn Sie Ihren eigenen Responsiator erstellen möchten, ist diese Option entweder für 6 $ monatlich oder 60 $ jährlich verfügbar. Wenn Sie selbst viel responsives Design machen, dann ist dies eine gute Option für Sie, weiter zu schauen.
ResponsivePX
ResponsivePX ist möglicherweise nicht so schön wie die anderen Optionen, aber es macht den Trick. Anstatt von verschiedenen Geräten zu wählen, wählen Sie die Bildschirmgröße. Passen Sie die Breite und die Höhe an und die Bildschirmanzeige passt sich an.
Sie können wählen, ob eine Bildlaufleiste angezeigt werden soll, die wirklich nur dort vorhanden sein könnte, aber Sie können sich auf der Seite Ihrer Website bewegen. Jedes Element kann auf Ihrer Site angeklickt werden, so dass Sie die Navigation und verschiedene Seiten einfach sehen können.
ResponsivePX ist eine anständige Option für mobile Tests. Wenn Sie die Bildschirmgröße auf 3000 mal 3000 einstellen möchten, können Sie mehr als nur mobiles Fernsehen verwenden.
Matt Kersley.com
Die Website von Matt Kersley ist wieder nicht so schön wie andere, aber Sie können Ihre Website in vier verschiedenen Ansichten für mobile Geräte sehen. Zu den Gerätegrößen gehören ein kleines Telefon und ein Tablet sowie ein iPhone und ein iPad. Jeder verfügt über Bildlaufleisten und ermöglicht es Ihnen, auf Ihre Websiteelemente für weitere Tests wie die oben genannten zu klicken.
iPad (und iPhone) Peek
Zum Testen auf iOS-Geräten zeigt iPad Peek sowohl die iPad- als auch die iPhone-Ansicht Ihrer Website an. Sie können schnell zwischen dem Tablet und dem Telefon sowie zwischen Hoch- und Querformat wechseln.
Geben Sie einfach Ihre URL auf dem Gerät ein und testen Sie sie. Wie bei den anderen Emulatoren können Sie mit iPad Peek durch die Seiten und die Navigation Ihrer Website navigieren, um eine vollständige Erfahrung zu erzielen.
MobiReady
MobiReady war bis vor kurzem ein hervorragendes Tool, jedoch scheint die Seite derzeit einige Probleme zu haben. Ich möchte es für den Fall, dass ihre Probleme bald behoben werden, da es wirklich ein guter Emulator ist. Es zeigt nicht nur Ihre Website an, sondern liefert auch nützliche Testinformationen.
Sie können Analysen und Berichte zusammen mit verschiedenen Testergebnissen auswerten, die Diagramme, Fehler und Pässe zeigen. Die angezeigten Geräte sind auf einige verschiedene Telefongrößen sowie eine Desktop-Ansicht beschränkt.
Aber die anderen Informationen sind wirklich das, was bei MobiReady am hilfreichsten ist. Hoffentlich wird die Seite bald wieder in Aktion sein, damit Sie es ausprobieren können.
Ist Ihre Website bereit für den mobilen Einsatz?
Verwenden Sie Responsive Webdesign, um sicherzustellen, dass Ihre Website für mobile Benutzer geeignet ist? Wie können Sie sicherstellen, dass Ihr WordPress-Blog für mobile Benutzer zugänglich ist? Wie können Sie sicherstellen, dass Ihr WordPress-Blog für mobile Benutzer zugänglich ist? Was ist mit deinen Tests? überprüfen Sie Ihre Website mit einem Emulator wie einer dieser?
Vielleicht gibt es einen anderen freien Emulator, von dem Sie denken, dass er besser funktioniert als alle anderen. Wenn ja, bitte teilen Sie Ihre Vorschläge mit allen in den Kommentaren unten.
Bildquelle: 3D-Tablet-Computer und Handy über Shutterstock