W tym poście poświęconym tym, którzy tworzą i zarządzają stronami internetowymi, widzimy kilka naprawdę dobrze wykonanych stron, które pozwalają sprawdzić wyświetlanie strony w różnych rozdzielczościach ekranu . Obecnie strony internetowe są przeglądane na różne sposoby, za pomocą komputerów PC, laptopów, telefonów komórkowych, tabletów i ekranów wszystkich rozmiarów, od dużych monitorów, takich jak telewizory, po małe ekrany dotykowe. Oznacza to, że ci, którzy projektują witrynę, muszą upewnić się, że jest ona wyraźnie widoczna we wszystkich terminalach i na ekranach dowolnej rozdzielczości.
Witryna, która nie oferuje treści zoptymalizowanych dla najpopularniejszych urządzeń i jest dobrze czytelna we wszystkich rozdzielczościach, może stracić wielu odwiedzających.
Wśród najpopularniejszych platform blogowych, Blogger pozwala włączyć mobilną wersję każdego bloga, natomiast dzięki WordPress CMS możesz użyć wtyczki, aby automatycznie utworzyć wersję mobilną.
W każdym razie nadal ważne jest wypróbowanie rozdzielczości, aby upewnić się, że strona jest wyświetlana poprawnie na dużych monitorach i małych ekranach .
Istnieje kilka sposobów testowania rozmiaru i sprawdzania rozdzielczości na telefonach komórkowych.
W systemie Windows rozdzielczość ekranu można obniżyć z menu panelu sterowania, podczas gdy dla każdego telefonu komórkowego dostępny jest emulator lub symulator.
W innym artykule napisałem przewodnik do surfowania po Internecie z komputera, jakby to był telefon komórkowy.
Aby to zrobić najpierw i przetestować rozmiar witryny o różnych rozdzielczościach ekranu i kompatybilności z telefonami komórkowymi, możesz użyć automatycznej aplikacji internetowej Responsivetesttool . Ta usługa online umożliwia przeglądanie określonej strony internetowej w predefiniowanych rozdzielczościach. Wystarczy wpisać adres strony, aby sprawdzić, a następnie wybrać rozdzielczość, klikając myszą. Po lewej stronie pojawiają się półprzezroczyste przyciski, które zmieniają rozdzielczość w zależności od używanego urządzenia. Następnie możesz wybrać stronę lub 4 główne kategorie:
- Pulpit : aby wyświetlić witrynę o rozmiarze ekranu 10-calowego netbooka do monitora 24-calowego komputera stacjonarnego.
- Tablet, aby sprawdzić, jak wygląda strona, jeśli jest otwierana z iPada, Samsunga Galaxy lub innych tabletów.
- Mobile łączy najczęściej używane telefony komórkowe i smartfony na świecie, w tym iPhone, Blackberry i Google Nexus S z Androidem.
- Telewizja do przeglądania stron internetowych na dużych ekranach do rozdzielczości (1920 × 1200).
ScreenFly to szybka aplikacja, na którą warto zwrócić uwagę, jak dobrze działa, płynna i bez konieczności ponownego ładowania testowanej strony. Ciekawą funkcją Screenfly jest także możliwość automatycznego wykrywania mobilnych wersji witryn .
Tę możliwość można wyłączyć, umieszczając krzyżyk na opcji Bez serwera proxy (wyłącza przełączanie urządzeń) . Możesz także włączyć przewijanie w pionie i obracanie ekranu.
Z drugiej strony TestSize to dynamiczna aplikacja, która pozwala symulować rozdzielczości z ekranu telefonu komórkowego (240 x 320) do telewizora (1920 x 1200).
TestSize działa bardzo dobrze i pozwala symulować dowolny rozmiar, naciskając klawisze + i -.
Z Google można skorzystać z narzędzia Resizer, bardzo wygodnego, aby sprawdzić, jak każda strona internetowa lub strona internetowa jest wyświetlana na ekranach o różnych rozmiarach, automatycznie i szybko.
