[css/js/xhtml/mp] Wersja mobilna strony - autoprzekierowanie

[KLAPEK]

Witam, jaki byście polecili skrypt do wykrycia telefonu/pda/etc celem przekierowania go na mobilną wersję stroy?

Googlałem, czytałem, próbowałem i niesatety najprostszy sposób, czyli osobny styl 'handheld' nie działa bo przeglądarki w telefonie ignorują ten zapis i wczytują screen ;/

Zatem po wielu próbach stwierdziłem, że jednak lepiej będzie przygotować oddzielną i odchudzoną wersję dla mobilków

I moja prośba o pomoć jak wykryć telefon i przekieropwać go na witrynę dla niego.?
Coś w stylu gazeta.mobi i lajt.onet gdzie automagicznie po wejściu na stronę dla kompów telefonem - przekierowuje mnie na mobilną wersję.
Zerkałem w kody stron, ale nigdzie nie znalazłem żadnego skryptu JS, natomiast samo handheld z odnośnikiem na lajt.stronę nie działa mi...

Z góry dzięki

[Grzegorz]

http://www.makeuseof.com/tag/easily-cre ... th-mofuse/
http://www.makeuseof.com/dir/google-mob ... -friendly/
http://www.makeuseof.com/dir/andanza-mobilize-blog/

[KLAPEK]

Dzięki za info, ale:
- mofuse i andanza obsługuje tylko blogi
- google-gwt ma podstawową wadę taką, iż nie zmniejsza automagicznie grafik i nie mieszczą się one w okienku

No i chodziło mi o skrypt przekierowujący na stronę, którą sam zrobię.
Wiem że to dużo więcej pracy, ale:
- będę miał większą kontrolę
- poważnie odchudzę kod strony
- wywalę to co i tak w telefonie nie nada się do oglądania
- pozmniejszam grafiki
- etc

Znalazłem coś takiego, ale jeszcze nie miałem czasu przetestować czy mobilki to łykną:
http://webmaster.helion.pl/kurshtml/skrypt/scrdep.htm

Szkoda, że cała ta mobilna technologia nie trzyma się standardów - zupełnie jak M$ ;/
A wystarczyłoby trzymać się handhelda i włebmajster miałby lekko - praca tylko na kilku plikach css....

[Grzegorz]

Jeśli to nie będzie skrypt działający tylko pod Twoją stroną to udostępnij go na jakieś pasującej Ci licencji i dodaj info w tym wątku. Myślę, że takie rozwiązanie może podobać się i wielu forumowiczów by z tego skorzystało.

[KLAPEK]

Więc tak - zwykły JS nie działa - mobilki ignorują/nie czytają go.

Zastanawiam się więc nad użyciem php, który pracuje po stronie serwera - może tu będzie rozwiązanie.
1. odczytanie rozdzielczości w JS, przesłanie do PHP i załadowanie odpowiedniej strony - nie jestem pewien czy tak zadziała, ale chciałbym jak najprościej coś w stylu:

Kod: Zaznacz cały

var Wide = screen.width;
if (Wide <=  640) window.location = "mobilki.html";

Jednak w/w skrypt jest ignorowany przez telefony.
Mam zatem prośbę, jak by to rozwiązać poprzez php?
Np dać plik index.php - na początku skrypt czytający rozdzielczość > przekazanie do php > przekierowanie przez php na odpowiednią stronę.
Nie znam się na php - może ktoś z Was będzie mógł pomóc?

Znalazłem też takie projekty, ale to są już kobyły serwerowe
http://www.kocjan.net/publikacje.html?id=12
http://www.tera-wurfl.com/
http://wurfl.sourceforge.net/

[KLAPEK]

Niestety póki co z braku czasu i... pomysłu jak sprawę rozwiązać - poległem ;/
Być może jeszcze natrafię na coś ciekawego w necie lub ktoś z Was podrzuci coś ciekawego (:
Chwilowo projekt w 1/3 drogi jest zawieszony...

[Gość]

Można po UserAgencie jechać. Jeżeli będzie to Opera Mini/Mobile, Safari dla iPhona lub parę innych, to można założyć, że ma się wyświetlić wersja mobilna.

[KLAPEK]

Też o tym myślałem, ale skoro telefony ignorują coś takiego:

Kod: Zaznacz cały

var Wide = screen.width;
if (Wide <=  640) window.location = "mobilki.html";

to czy podobnie nie będzie po UA?
Bo coś takiego również powinno być w skrypcie js.
Wiem, że jest coś takiego jak wurfl co działa właśnie po UA, ale jak pisałem wyżej to aplikacja serwerowa i strzelanie z armaty do muchy.

[Michał F]

Zrobiłem:


<style media="handheld">
#a { display: none; }</style>
<script>
var Wide = screen.width;
if (Wide <= 640) window.location = "mobilki.html";
</script>

<p id='a'>tekst dla pc</p><p>tekst dla wszystkich</p>

[Grzegorz]

Z obsługą JS na urządzeniach mobilnych (nie powinno być, ale od czasu do czasu są) problemy. Dlatego warto zamiast skryptu przekierowującego użyć osobnego arkusza stylów.