Jak sprawdzić wygląd strony pod różnymi przeglądarkami

Autor: Kędra Przemysław
Data: 17-05-2012 r.

Twórcy stron internetowych zapewne znają problem związany z nieprawidłowym wyświetlaniem strony pod różnymi wersjami przeglądarek. Zobacz jak sprawdzić czy strona, którą stworzyłeś jest kompatybilna z różnymi wersjami przeglądarek internetowych?

Obecnie twórcy nowych wersji przeglądarek starają się dostosowywać je tak, aby ta sama strona internetowa wyglądała w nich tak samo. W starszych wersjach, np. Internet Explorer, czy Firefox można było zobaczyć kolosalne różnice. Tworząc stronę internetową trzeba było dostosowywać ją pod konkretną przeglądarkę, ponieważ ich twórcy różnie interpretowali kaskadowe arkusze stylów (css).

Pomimo powolnego zunifikowania, warto skorzystać z mechanizmów pozwalających zobaczyć czy nasza strona rzeczywiście wygląda identycznie pod różnymi przeglądarkami.

W tym celu posłużymy się internetową aplikacją Adobe BrowserLab dostępną na stronie: https://browserlab.adobe.com/en-us/

Aby z niej skorzystać musimy kliknąć na przycisk Start using browser Lab i wpisać dane identyfikujące nas w serwisie (adres email, hasło). Jeżeli wcześniej nie rejestrowaliśmy się w serwisach Adobe, konieczne będzie zarejestrowanie bezpłatnego konta.

Po zalogowaniu się, klikamy zakładkę Browser sets na samej górze aplikacji - która pozwoli nam zdefiniować, które przeglądarki mają brać udział w teście. Będziemy mogli określić nie tylko samą przeglądarkę (Chrome, Firefox, Safari, Internet Explorer), ale także jej wersję (starsze, nowsze).

Gdy określimy, które przeglądarki będą brane pod uwagę - wpisujemy adres strony internetowej w szerokim pasku, zaraz pod logiem Adobe BrowserLab i klikamy przycisk Refresh (dwie strzałeczki).

Po chwili zobaczymy zrzuty ekranu testowanej strony internetowej, pod różnymi wersjami przeglądarek. Na czarnym pasku u góry ekranu, będziemy mogli wybrać widok kolejnej testowanej przeglądarki. Dzięki temu zobaczymy, czy strona internetowa jest rzeczywiście zoptymalizowana pod kątem różnych wersji przeglądarek.

Klikając przycisk View, znajdujący się na samej górze po prawej stronie - mamy możliwość podglądu zrzutów ekranu pochodzących z kilku przeglądarek jednocześnie. Jest to o tyle wygodne, że od razu dostrzeżemy różnicę w ewentualnych różnicach.

Kędra Przemysław

Zaloguj się, aby dodać komentarz

Nie masz konta? Zarejestruj się »

Zobacz także

Jak zatrzeć ślady po przeglądaniu Internetu?

pobierz

Biznesplan

pobierz

Wzór Polityki Bezpieczeństwa w ochronie danych osobowych

pobierz

Konfiguracja bezpieczeństwa. Windows 10

pobierz

Polecane artykuły

Polecamy kancelarię:

  • Kancelaria Radcy Prawnego Marek Foryś

    ul. Słupecka 9/1, Gdynia

    Wyświetl wizytówkę
  • Kancelaria MERITUM

    ulica Westerplatte 13/5, 31-033 Kraków

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Radosław Tymiński

    Łukowska 9 Lok. 126, 04-133 Warszawa

    Wyświetl wizytówkę
  • Kancelaria Prawna Iurisco Edyta Przybyłek

    ul. Zgrzebnioka 28, 40-520 Katowice

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Marcin Majcherczyk

    ul. Stawowa 4 lok. 39, 41-200 Sosnowiec

    Wyświetl wizytówkę
  • THE N.E.W.S. LAW CENTER Kancelaria Adwokatów i Radców Prawnych

    ul. Kazachska 1/89, 02-999 Warszawa

    Wyświetl wizytówkę
  • adwokat Wojciech Rudzki - kancelaria adwokacka

    Józefa Piłsudskiego 40/4 Kraków 31 - 111

    Wyświetl wizytówkę
  • Kancelaria Radcy Prawnego Robert Dudkowiak

    ul. Jana Pawła II 11 lok. 5, 62-300 Września

    Wyświetl wizytówkę
  • Kancelaria Adwokacka Adwokata Piotra Sęka

    ul. Narutowicza 44 lok. 20, 90-135 Łódź

    Wyświetl wizytówkę
  • Kancelaria Radców Prawnych ARVE M.Kusztan & R.Ponichtera Sp. K.

    ul. Czysta 4, 50-013 Wrocław

    Wyświetl wizytówkę
Array ( [docId] => 25380 )
Array ( [docId] => 25380 )

Array ( [docId] => 25380 )