Jak przetestować swoją stronę w różnych przeglądarkach Online

tutaj w WCB optymistycznie wierzymy, że nadejdzie błyszczący dzień, kiedy wszystkie przeglądarki będą wyświetlać nasze strony identycznie. Ale w tej chwili ten artykuł jest pisany, że dzień jest jeszcze dość daleko i nadal mamy do czynienia z koniecznością przetestowania stron internetowych, które budujemy na różnych platformach, urządzeniach i przeglądarkach, aby upewnić się, że nasz klient będzie zadowolony w końcu.

jeśli tworzysz strony internetowe, możesz używać starych dobrych technik testowania, takich jak uruchamianie maszyn wirtualnych z wieloma przeglądarkami i zainstalowanym systemem operacyjnym, kupowanie kilku laptopów lub przeszkadzanie znajomym i sąsiadom, prosząc ich o przetestowanie twojego stworzenia na iPadzie. Cóż, te sposoby mają prawo nadal istnieć.

ale kopałbyś się, gdybyś wiedział, ile usług oferuje Ci przetestowanie swojej witryny bez kłopotów, wystarczy jedno kliknięcie.

screenshot-browsershots

darmowy w użyciu serwis internetowy pozwala przetestować stronę internetową na ponad 50 przeglądarkach i systemach operacyjnych łącząc je w ogromnej liczbie odmian. Jedynym mylącym momentem jest to, że otrzymasz tylko zrzuty ekranu, więc twoje skrypty i migające tła CSS nie będą wyświetlane.

to, co musisz zrobić, to po prostu podać swój adres URL, kliknąć przycisk i poczekać – Twoja strona znajdzie się w kolejce, a za jakiś czas (od 5 minut do 2 godzin w zależności od tego, jak zajęte są serwery) otrzymasz zrzuty ekranu jeden po drugim.

w rzeczywistości można kupić płatne konto, które zapewnia wysoki priorytet za 29.95$ / mo, dzięki czemu otrzymasz zrzut ekranu w 5 minut.

odwiedź oficjalną stronę internetową

CrossBrowserTesting

zrzut ekranu crossbrowsertesting

niezwykle funkcjonalna płatna usługa, która pozwala przetestować swoją stronę na prawdziwych komputerach za pośrednictwem połączenia VNC w dowolnej przeglądarce i systemie operacyjnym – ponad 1000 kombinacji dostępnych od 29.95$/miesiąc.

nie mogę nie wspomnieć o testowaniu na platformach mobilnych i urządzeniach takich jak Android i iOS jest dostępny – wszystko w czasie rzeczywistym, więc teraz Twoje tła CSS migają jak choinka!

odwiedź oficjalną stronę internetową

Lakmus

Lakmus zrzut ekranu

oprócz testowania zgodności między przeglądarkami ta przydatna usługa online sprawdza kod HTML i CSS.

ale wspaniałą cechą Lakmusa jest to, że serwis koncentruje się głównie na testowaniu poczty e – mail-dostępnych jest ponad 30 klientów mailingowych, a także mnóstwo narzędzi analitycznych-twoje e-maile trafiają prosto w serce, a także ładnie wyglądają na babcinej Nokii!

ceny zaczynają się od 49$ / miesiąc po 7 dniach próbnych.

odwiedź oficjalną stronę internetową

Net Renderer

screenshot-netrenderer.com-2014-09-12-14-33-22

szybkie i darmowe narzędzie online, za pomocą którego możesz sprawdzić, jak strona jest renderowana w starszych wersjach IE (może być przydatne, jeśli często masz do czynienia z władzami rządowymi – IE jest tam nadal standardem). Cechą jest to, że może scalić zrzuty ekranu z różnych wersji w jednym obrazie, więc różnica renderowania jest bardzo dobrze pokazana.

odwiedź oficjalną stronę

Chrome Developer Tool: Tryb emulacji

emulate

moim zdaniem jest to największe narzędzie do szybkiego testowania, dostępne za darmo i wyposażone w niesamowitą przeglądarkę Chrome. Wystarczy kliknąć prawym przyciskiem myszy, nacisnąć Inspect element i przejść do emulacji-voila jesteś w niebie.

kilka wstępnie ustawionych urządzeń mobilnych, elastyczne dostosowywanie rozdzielczości, stosunek Pikseli itp. – wszystkie te funkcje za jednym kliknięciem. Ponadto może emulować Urządzenia z Ekranem dotykowym, które są ogromnie przydatne do testowania i badania wzorców doświadczenia użytkownika. Nie płacisz ani grosza, a w połączeniu z serwerem localhost masz potężną i elastyczną fabrykę testowania, możesz pracować wszędzie, nawet bez połączenia z Internetem-absolutnie uroczo!

te opcje to z pewnością tylko niewielka część ogromnej różnorodności usług i programów, które można łatwo znaleźć samodzielnie w Internecie. Tutaj wymieniłem tylko to, co uważam za warte sprawdzenia.

jasny dzień uniwersalnego renderowania jest na długiej drodze, ale dzięki tym prostym narzędziom jesteś w pełni wyposażony, aby każdy klient z dowolnym egzotycznie skonfigurowanym urządzeniem był zadowolony z tego, co budujesz.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.