Skocz do zawartości

Zdjęcie
* * * * * 2 głosy

Testowanie responsywności strony - Sprawdzanie jak strona prezentuje się na tablecie, smartfonie i innej rozdzielczości

responsywność testowanie RWD sprawdzanie responsywności st strony www testwanie responsive web design

21 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
programer

    Stary wyjadacz

  • PipPipPip
  • 135 postów
    • Czas spędzony online: 51m 31s
40
Bardzo dobra

Napisano 30 marca 2013 - 23:26

#1

Screenfly jest narzędziem pozwalającym nam na wizualizację tego, jak strona wyświetla się na innych rozdzielczościach i na innych urządzeniach (tablet, smartfon, tv).

 

Bardzo przydatne przy tworzeniu responsywnych stron www.

http://quirktools.com/screenfly/


  • 2

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 30 marca 2013 - 23:44

#2

Inne ciekawe, bezpłatne narzędzie tego typu: http://dfcb.github.com/Responsivator/


  • 0

alfredos
1
Neutralna

Napisano 18 kwietnia 2013 - 15:04

#3

A  znacie może jakieś narzędzie tego typu, ale żeby można było podejrzeć stronę pod różnymi wersjami przeglądarek? 


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 18 kwietnia 2013 - 16:31

#4

Przejrzałem wiele narzędzi tego typu i przyznaję, że z opcją symulowania różnych przeglądarek się nie spotkałem. Raczej musisz danym narzędziem sprawdzać ręcznie na każdej przeglądarce.


  • 0

eQuuS

    Nowy użytkownik

  • 11 postów
    • :
0
Neutralna

Napisano 22 kwietnia 2013 - 12:19

#5

http://blogs.adobe.c...-march-13-2013/


  • 1

nejmar

    Nowy użytkownik

  • 6 postów
    • :
0
Neutralna

Napisano 26 stycznia 2014 - 01:19

#6

Screenfly jest narzędziem pozwalającym nam na wizualizację tego, jak strona wyświetla się na innych rozdzielczościach i na innych urządzeniach (tablet, smartfon, tv).

 

Bardzo przydatne przy tworzeniu responsywnych stron www.

http://quirktools.com/screenfly/

Bardzo fajne narzędzie. Przyda się do podglądu podczas tworzenia stron www ;)


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 26 stycznia 2014 - 12:54

#7

Sam korzystam i polecam: http://crossbrowsertesting.com/


  • 1

webDeveloper


pdziadkiewicz
0
Neutralna

Napisano 29 stycznia 2014 - 13:41

#8

Korzystałem kiedyś z podobnego narzedzia, ale te, które podaliście okazują się być znacznie lepsze. Dzięki!


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 29 stycznia 2014 - 15:20

#9

Sam korzystam i polecam: http://crossbrowsertesting.com/

Łat? 
Może dla kogoś, kto z tego żyje to dobre rozwiązanie :) No i daje więcej możliwości.


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 24 maja 2014 - 21:07

#10

Dorzucę jeszcze od siebie http://responsivetest.net

Fajnie działa


  • 0

krisuuu

    Nowy użytkownik

  • 16 postów
    • Czas spędzony online: 5m 32s
2
Neutralna

Napisano 31 maja 2014 - 11:11

#11

Ja jednak wolę ręczny sposób, po prostu wchodząc na jakąś stronę poprzez własny tablet bądź smartfon, takiego typu generatory mogą błędnie oceniać responsywność danej strony


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 31 maja 2014 - 12:24

#12

Ja jednak wolę ręczny sposób, po prostu wchodząc na jakąś stronę poprzez własny tablet bądź smartfon, takiego typu generatory mogą błędnie oceniać responsywność danej strony

A jeden tablet i jeden smartfon da Ci możliwość przetestowania kilkunastu przedziałów rozdzielczości? :)


  • 0

krisuuu

    Nowy użytkownik

  • 16 postów
    • Czas spędzony online: 5m 32s
2
Neutralna

Napisano 02 czerwca 2014 - 08:24

#13


A jeden tablet i jeden smartfon da Ci możliwość przetestowania kilkunastu przedziałów rozdzielczości?

 

Tak, masz rację, ale znowu nie przesadzajmy z tą ilością przedziałów rozdzielczości.. Masę smartfonów posiadają ekrany 3.2 cale bądź 4, natomiast tablety wahają się od 7-11 cali. Najlepiej zastosować kod, w którym do rozdzielczości 600x800 wyświetlana jest responsywna strona a od 600x800 pikseli wyświetlana jest normalna


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 02 czerwca 2014 - 08:43

#14

'Responsywność' to sposób przygotowania strony, więc cały czas ma się wyświetlać responsywna, tyle że na różnych rozdzielczościach ma to różnie wyglądać :D

 

Plus jeszcze trzeba zaznaczyć że jak masz np Tablet/smartphone na andku, to nie będziesz wiedział jak to się na applowych produktach będzie wyświetlało, o windows phone nie wspomnę.


  • 0

webDeveloper


Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 02 czerwca 2014 - 17:40

#15

Własnie ostatnio testowałem dwie mozliwości.

Tablet z androidem, smartphone z Windowsem i przeglądarkowe toolsy.

 

Niestety muszę powiedzieć że imitacja czasem jest zła. Nagle na chromie i FF na komputerku jest ok, tymczasem na tablecie jest jakas spacja pod kontenerem.

 

To tak samo jak testowanie stron pod IE na wirtualnej maszynie jak dla mnie :P Nie wierze do końca tym narzędziom bo wiele razy w pracy się spotkałem że było ok a sprawdzając na mobilnym urządzeniu coś bywało nie tak. Możliwe że różnice sa jakieś z mobilnymi przeglądarkami a tymi z desktopów.


  • 0

2ed58r7.png


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 02 czerwca 2014 - 20:40

#16

@up
Ja raz się nadziałem na IE przełączając w jej ustawieniach mockowanie na starsze wersje. Wszystko pięknie, a w rzeczywistości na tej starszej wersji wyglądało to inaczej.

Nie ma to jak postawić sobie gdzieś wirtualki i poinstalować tam różne wersje :) 


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 03 czerwca 2014 - 07:50

#17

Jeżeli chodzi o IE to akurat M$ udostępnia za darmo obrazy (do różnych programów, na różne systemy) różnych systemów z różnymi wersjami IE :D

 

http://modern.ie/en-...tools#downloads


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 03 czerwca 2014 - 08:08

#18

No w zasadzie o to mi chodziło :) Wirtualki.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 03 czerwca 2014 - 11:32

#19

Wiem :) 


  • 0

webDeveloper


Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 03 czerwca 2014 - 15:17

#20

Jeżeli chodzi o IE to akurat M$ udostępnia za darmo obrazy (do różnych programów, na różne systemy) różnych systemów z różnymi wersjami IE :D

 

http://modern.ie/en-...tools#downloads

Próbowałem Viste i XP i krzyczało mi o klucz (30 dni testowych). Możliwe, że czegoś nie doczytałem ?

Poza tym IE na tych Virtual'ch po 2 min pracy mi się zacinało i trzeba było resetować wirtualną maszynkę. Możliwe że VirtualBox tak działa też niestabilnie. Ale ja nie mam fajnych doświadczeń z tym. Ósemka mi śmiga elegancko.


  • 0

2ed58r7.png






Podone tematy Collapse

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych