MozillaPL.org - polskie centrum Mozilli

Główne menu:

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

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

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

Postautor: KLAPEK » 27 kwietnia 2009, 15:09

Przeglądarka: Mozilla/5.0 (X11; U; Slackware GNU/Linux i686; pl-PL; rv:1.8.1.21) Gecko/20090402 SeaMonkey/1.1.16

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 :)
Państwowa dziwka, flądra w jedwabiu i złocie. || Chcą za nią tren nieść, duszę włócząc w błocie. || Cyril Tourneur (1575-1625) ||
SeaMonkey @ GNU/Linux
KLAPEK
Moderator
 
Posty: 2188
Z nami od: 10 czerwca 2002, 15:05
Lokalizacja: ~/seamonkey

Postautor: Grzegorz » 27 kwietnia 2009, 15:57

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.1b3) Gecko/20090305 Firefox/3.1b3 (.NET CLR 3.5.30729)

GnuPG. Podpisuję własne wypowiedzi. | TrueCrypt. Ufam kryptografii, nie państwu. | Tor. Dbam o swoją prywatność. | OTR. Moje rozmowy nie są podsłuchiwane.

Załóż konto lub kup domenę WWW z linka polecającego: http://www.hekko.pl/?ref=34295
Grzegorz
Moderator
 
Posty: 7486
Z nami od: 15 kwietnia 2007, 12:33

Postautor: KLAPEK » 27 kwietnia 2009, 22:54

Przeglądarka: Mozilla/5.0 (X11; U; Slackware GNU/Linux i686; pl-PL; rv:1.8.1.21) Gecko/20090402 SeaMonkey/1.1.16

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....
Państwowa dziwka, flądra w jedwabiu i złocie. || Chcą za nią tren nieść, duszę włócząc w błocie. || Cyril Tourneur (1575-1625) ||
SeaMonkey @ GNU/Linux
KLAPEK
Moderator
 
Posty: 2188
Z nami od: 10 czerwca 2002, 15:05
Lokalizacja: ~/seamonkey

Postautor: Grzegorz » 28 kwietnia 2009, 15:03

Przeglądarka: Anonymous

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.
GnuPG. Podpisuję własne wypowiedzi. | TrueCrypt. Ufam kryptografii, nie państwu. | Tor. Dbam o swoją prywatność. | OTR. Moje rozmowy nie są podsłuchiwane.

Załóż konto lub kup domenę WWW z linka polecającego: http://www.hekko.pl/?ref=34295
Grzegorz
Moderator
 
Posty: 7486
Z nami od: 15 kwietnia 2007, 12:33

Postautor: KLAPEK » 29 kwietnia 2009, 14:20

Przeglądarka: Mozilla/5.0 (X11; U; Slackware GNU/Linux i686; PL; rv:1.8.1.21) Gecko/20090402 SeaMonkey/1.1.16

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/
Państwowa dziwka, flądra w jedwabiu i złocie. || Chcą za nią tren nieść, duszę włócząc w błocie. || Cyril Tourneur (1575-1625) ||
SeaMonkey @ GNU/Linux
KLAPEK
Moderator
 
Posty: 2188
Z nami od: 10 czerwca 2002, 15:05
Lokalizacja: ~/seamonkey

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

Postautor: KLAPEK » 05 października 2009, 23:09

Przeglądarka: Mozilla/5.0 (X11; U; Slackware GNU/Linux i686; pl-PL; rv:1.8.1.23) Gecko/20090823 SeaMonkey/1.1.18

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...
Państwowa dziwka, flądra w jedwabiu i złocie. || Chcą za nią tren nieść, duszę włócząc w błocie. || Cyril Tourneur (1575-1625) ||
SeaMonkey @ GNU/Linux
KLAPEK
Moderator
 
Posty: 2188
Z nami od: 10 czerwca 2002, 15:05
Lokalizacja: ~/seamonkey

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

Postautor: Gość » 22 października 2009, 14:35

Przeglądarka: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3

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.
Gość
 

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

Postautor: KLAPEK » 22 października 2009, 18:56

Przeglądarka: Mozilla/5.0 (X11; U; Slackware GNU/Linux i686; pl-PL; rv:1.8.1.23) Gecko/20090823 SeaMonkey/1.1.18

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.
Państwowa dziwka, flądra w jedwabiu i złocie. || Chcą za nią tren nieść, duszę włócząc w błocie. || Cyril Tourneur (1575-1625) ||
SeaMonkey @ GNU/Linux
KLAPEK
Moderator
 
Posty: 2188
Z nami od: 10 czerwca 2002, 15:05
Lokalizacja: ~/seamonkey

Odp: [css/js/xhtml/mp] Wersja mobilna strony - autoprzekiero

Postautor: Michał F » 30 grudnia 2011, 09:16

Przeglądarka: Opera/9.80 (S60; SymbOS; Opera Mobi/SYB-1111011893; U; pl) Presto/2.9.201 Version/11.50

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>
Michał F
 

Odp: [css/js/xhtml/mp] Wersja mobilna strony - autoprzekiero

Postautor: Grzegorz » 04 stycznia 2012, 19:54

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:12.0a1) Gecko/20111230 Firefox/12.0a1

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.
GnuPG. Podpisuję własne wypowiedzi. | TrueCrypt. Ufam kryptografii, nie państwu. | Tor. Dbam o swoją prywatność. | OTR. Moje rozmowy nie są podsłuchiwane.

Załóż konto lub kup domenę WWW z linka polecającego: http://www.hekko.pl/?ref=34295
Grzegorz
Moderator
 
Posty: 7486
Z nami od: 15 kwietnia 2007, 12:33


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: