Tworzenie mobilnej wersji strony internetowej

Question

Szukam utworzenia mobilnej wersji naszej strony/aplikacji internetowej. Jaki jest dobry sposób na zapewnienie najlepszej, w pełni funkcjonalnej wersji.

Część z powodów jego utworzenia jest zamiast aplikacji na iPhone'a, dlatego chciałbym zaoferować aplikację internetową na iPhone'a, która w pełni wykorzystuje iPhone'a w wersji WebKit (dzięki czemu animacje CSS mogą polegać na dobrych obsługa javascript itp.). Chciałbym jednak, aby strona działała dobrze także na innych smartfonach, a także na bardziej podstawowych telefonach komórkowych.

Czy tworzę dwie witryny (mobilny WebKit i podstawowa sieć mobilna) oraz przekierowanie na podstawie agenta użytkownika? Czy mogę utworzyć jedną witrynę, która ulega degradacji? Jakie są możliwości i jak radzą sobie z tym inni ludzie?

Ponadto: czy mobilne symulatory internetowe są warte cholernie? Mam iPhone'a, więc mogę go łatwo przetestować. Jeśli chcę przetestować na telefonie Blackberry/Palm Pre, czy naprawdę potrzebuję urządzenia lub czy istnieją niezawodne symulatory?

Answer 1

Są to jedne z iPhone konkretnych bibliotek, które zapewniają natywną wyglądać i czuć się na WebKit:

• iUi
• jQTouch
• Sencha Touch
• iWebkit

coraz to do praca na większości telefonów z pewnością będzie problem z większością bibliotek, ponieważ są one zbudowane z myślą o rozmiarze ekranu iPhone'a o rozmiarze (320x480).

Aby uzyskać szerszy zasięg urządzeń, w tym telefonów z Androidem i J2ME, sprawdź kod Yahoo Blueprint. Jest to język znaczników tłumaczony na różne platformy i urządzenia.

Możesz uzyskać widok mobilny na podstawie agenta użytkownika, dynamicznie przełączając arkusz stylów na serwerze podczas plukania strony. Nie jest to zalecane podejście w przypadku stron o dużej wytrzymałości, ponieważ nadal będziesz wysyłać ogromne porcje danych, które nie będą renderowane. Ewentualnie, jeśli masz wyraźną separację swoich widoków, możesz zmienić położenie widoku na podstawie agenta użytkownika i/lub innych parametrów. Ma to tę zaletę, że utrzymuje logikę kontrolera w jednym miejscu i zmienia tylko widoki. Możesz użyć powyższych bibliotek dla iPhone/iPod Touch i przełączyć się na prostszą wersję mobilną dla innych smartfonów lub dostosować go, jak chcesz.

Tworzenie oddzielnej mobilnej wersji strony może być bardzo trudne do utrzymania, gdy pojawią się zmiany.

Symulatory iPhone'a i Androida są tak blisko, jak to tylko możliwe. IPhone nie pozwoli ci robić rzeczy takich jak wykonywanie połączeń na symulatorze z oczywistych powodów, ale Android dostarcza fałszywe implementacje dla praktycznie wszystkiego na urządzeniu.