/ / Responsive Web Design Tools [zamknięte] - css, responsive-design, media-queries

Responsive Web Design Tools [zamknięte] - css, responsive-design, media-queries

Zajmuję się tworzeniem strony internetowej i teraz muszęotimize go na stoły, smartfony, itp ... Znalazłem już kilka narzędzi do testowania zapytań o media css, takich jak responsinator, i dla niektórych rzeczy to jest dobre, ale wygląda na to, że nie wszystko, co powiedzieli mi niektóre testy na prawdziwych smartfonach. Ponieważ jednak nie mam wielu możliwości przetestowania witryny na prawdziwych urządzeniach, każdy tutaj mógłby mi powiedzieć kilka stron internetowych, na których mogę wykonać te testy? Strony internetowe, których już użyliście i byli z nich zadowoleni?

Z góry dziękuję!

Odpowiedzi:

4 dla odpowiedzi № 1

Emulator urządzenia mobilnego Opera.

Opera Mini Simulator.

Emulator Androida.

Symulatory Blackberry

Również opcja Zastąp osobę użytkownika w Narzędziach dla programistów Chrome.

wprowadź opis obrazu tutaj

I dużo więcej mobilne emulatory i symulatory.


4 dla odpowiedzi nr 2

Jeśli zainstalujesz pasek narzędzi dla programistów internetowych addon na Firefoksie możesz rzucić okiem na menu "zmiana rozmiaru"

wprowadź opis obrazu tutaj

i wybierz ostatni element "zobacz elastyczny układ". Pojawi się nowa strona z następującymi mobilnymi / małymi rozdzielczościami urządzeń

  • 320 x 480
  • 600 x 800
  • 1024 x 768

zarówno w orientacji pionowej, jak i poziomej. Oczywiście nie może to być skuteczna alternatywa dla "prawdziwych testów", ale może być wykorzystana do pierwszej kontroli w celu rozwiązania głównych problemów.