Przetestuj swoją witrynę w każdej rozdzielczości, nawet smartfonowej

Kiedyś było prościej – webdeweloperzy musieli brać pod uwagę jedynie kilka rozdzielczości na komputerach użytkowników. W grę wchodziły najczęściej 800x600 i 1024x768. W XXI wieku nie jest tak prosto. Internet przeglądamy na najróżniejszych urządzeniach: laptopach, desktopach, smartfonach, czy ostatnio tabletach. Witrynę warto więc przetestować pod kątem jej wyświetlania na tych wszystkich ekranach.

Pomóc w tym może niewielka webowa aplikacja resizeMyBrowser, która pozwala na dostosowanie rozmiarów okna przeglądarki do wybranych rozmiarów. Obsługiwane są popularne rozdzielczości ekranowe, w tym panoramicznych laptopów, smartfonów takich jak iPhone 3G i 4G czy Google Nexus One, netbooków oraz iPada. Można też zdefiniować swoje własne rozdzielczości.

Prosty i stylowy interfejs aplikacji.

Dodatkowo możemy określić, czy zmiana okna będzie dotyczyła wewnętrznych wymiarów (tylko obszaru wyświetlanej strony) czy też wymiarów zewnętrznych (wraz ze wszelkimi belkami narzędziowymi.

Aplikacja wykorzystuje zdarzenie resizeTo. Według jej twórcy Chena Luo działa ze wszystkimi przeglądarkami oprócz Chrome (błąd Google'a) i Opery (nie jest obsługiwana). Mimo tego zastrzeżenia, w Chrome 5 aplikacja działa poprawnie.

Z resizeMyBrowser można skorzystać pod adresem www.resizemybrowser.com. Narzędzie powinno zainteresować osoby zaangażowane w szeroko pojęte usability stron internetowych.

Źródło: WebMonkey.com

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

7 skomentuj »

Polecamy

Reklama

Komentarze

#1 KillBill 2010-07-14 20:37:13 0
I jak zwykle bywa - większość podpisów pod rozmiarami dotyczy produktów Apple, ojoj
IP: 87.207.16.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#2 sic 2010-07-15 08:15:18 0
Wow co za funkcjonalność! na 100% będę tego używał!!!

Panowie, bez jaj takie rzeczy to od x lat w webdeveloperze są dostępne....

Serwis http://browsershots.org/ to jest dopiero przydatne narzędzie!
IP: 77.252.145.[...] Mozilla/5.0 (X11; U; Linux i686; pl-PL; rv:1.9.2.6) Gecko/20100628 Ubuntu/10.04 (lucid) Firefox/3.6.6
#3 aaa 2010-07-15 08:33:00 0
@sic w browsershots nie przetestujesz js

Czyli strona zmienia rozmiary okna przeglądarki (ta super innowacyjność -> Firefox z web developer plugin od lat). Tylko że jak mam mniejszą rozdzielczość ekranu to kicha. Zawsze się zastanawiałem jakim prawem strony mogą mi zmieniać wielkość okna przeglądarki.
IP: 78.8.109.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#4 Peter Riley 2010-07-15 08:45:12 0
@aaa: Prawo to sam im dajesz w ustawieniach przeglądarki (np. w Firefoksie Narzędzia->Opcje->Treść->Zaawansowane)
IP: 89.78.244.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#5 aaa 2010-07-15 10:09:39 0
@ Peter Riley

wiem, ale czemu tak jest domyślnie i czemu wprowadzono woogole taką opcje?
IP: 78.8.109.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#6 css3.pl 2010-07-15 12:14:55 0
Dołączę do narzekań - ma to WebDeveloper i tuzin innych dodatków do Firefoxa i pewnie do innych przeglądarek również. Co innego, gdyby takie narzędzie pozwalało przeskalować okno przeglądarki do rozdzielczości natywnej konkretnego urządzenia, mam tutaj na myśli szereg urządzeń mobilnych - wtedy miałoby to jakiś sens.
IP: 78.131.153.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
#7 eimi^® 2010-07-15 12:39:52 0
No to właśnie skaluje do rozdzielczości natywnych wielu urządzeń mobilnych. A że nie ma tam telefonów Nokii... no cóż.
IP: 95.160.206.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.