Dostępność urządzeń z różnymi rozmiarami ekranów oraz wyświetlającymi obraz w różnych rozdzielczościach wymusza na twórcach stron internetowych takie ich tworzenie, aby automatycznie się skalowały i dostosowywały swój wygląd oraz wyświetlane informacje. Problem pojawia się jednak, gdy chcemy sprawdzić nasze rozwiązania w różnych rozdzielczościach ekranów. Mało kto bowiem będzie miał możliwość posiadania przynajmniej kilku najpopularniejszych urządzeń i testowania z ich użyciem.

Po części sprawę może rozwiązać rozszerzenie Web Developer Tools dla przeglądarki Chrome, które oferuje możliwość wyświetlenia strony w kilku najpopularniejszych rozdzielczościach. Rozszerzenie to ma jednak kilka wad. Mianowicie oferuje kilka podstawowych rozdzielczości bez możliwości zdefiniowania nowych, a co najważniejsze – ma spore problemy z wyświetleniem stron serwowanych lokalnie – a więc tych, nad którymi obecnie się pracuje.

Z rozwiązaniem przychodzi tutaj strona Responsivetest, która oferuje nam podgląd wybranej strony (także tej serwowanej lokalnie), z możliwością płynnej zmiany rozdzielczości, możliwością zmiany układu ekranu oraz całą gamą wstępnie zdefiniowanych urządzeń i rozdzielczości, które obsługują.

Responsive design – przydantne narzędzie do testowania
Tagged on:                         

One thought on “Responsive design – przydantne narzędzie do testowania

  • 2014-03-26 at 11:21
    Permalink

    Całkiem przyzwoicie sprawdza się też użycie Ctrl+Shift+M w FF.

    Reply

Leave a Reply to m.a.r.s Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Social Widgets powered by AB-WebLog.com.