Optymalizacja gotowej strony pod telefony komórkowe.

Question

Dzisiaj Was chyba zaspamuję :)
Ukończyłem stronę www.mathmaster.pl i wiem, że jest beznadziejna na telefonach komórkowych ale chciałbym to jak najszybciej poprawić. Niestety nie posiadam telefonu na którym mógłbym ją przetestować, natomiast z dotychczasowych opinii innych wiem, że:
- Na telefonach z małą rozdzielczością nic nie widać (bo strona jest zrobiona na wartościach vw a nie pxi dostosowuje się do urządzenia)
- Niektóre elementy się rozjeżdżają
- Są trudności z przewijaniem w bok strony ponieważ "czujnik" wykrywa scrollowanie w dół i wtedy przewija w bok

Czy da się wykryć kodem php, że użytkownik jest użytkownikiem mobilnym i wtedy wyświetlać mu drugą wersję strony lub informację, że na telefonach strona jest niedostępna i przekierowanie do darmowej aplikacji mobilnej działającej jak ta strona ale w formie apki?

Czy taki projekt jest teraz do odratowania? Jak się do tego zabrać? Czy mogę jakoś symulować różne telefony na swoim komputerze?
Proszę o wsparcie i pozdrawiam.

Answer 1

Aby sprawdzić jak wygląda strona na urządzeniach mobilnych możesz skorzystać z http://quirktools.com/screenfly/#u=http%3A//mathmaster.pl&w=240&h=320&a=31

Answer 2

Chrome, jak i Firefox, w swoich dev tools mają narzędzie "Responsive Web View", które pozwala emulować ekran urządzenia mobilnego.

Natomiast co do wykrywania: tak, wystarczy poszukać odpowiednich fragmentów w nagłówku User-Agent. Skryptów od tego jest od groma w Sieci.