Skocz do zawartości
MJG

przekierowanie na stronę mobilną

Polecane posty

Witam

Stworzyłem wersję mobilna zwykłej strony i chciałbym zrobić przekierowanie. Proszę o porady jak to prosto zrobić.

Michał

Edytowano przez MJG (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

 

Myślę że dobrze by było pujść w kierunku rozwiązania opartego o plik: .htaccess

RewriteEngine on
RewriteBase /

# Check if this is the noredirect query string
RewriteCond %{QUERY_STRING} (^|&)m=0(&|$)
# Set a cookie, and skip the next rule
RewriteRule ^ - [CO=mredir:0:www.example.com]

RewriteCond %{HTTP:x-wap-profile} !^$ [OR]
RewriteCond %{HTTP:Profile}       !^$ [OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]

# Check if we're not already on the mobile site
RewriteCond %{HTTP_HOST}          !^m\.
# Can not read and write cookie in same request, must duplicate condition
RewriteCond %{QUERY_STRING} !(^|&)m=0(&|$) 

# Check to make sure we haven't set the cookie before
RewriteCond %{HTTP_COOKIE}        !^.*mredir=0.*$ [NC]

# Now redirect to the mobile site
RewriteRule ^ http://m.example.com [R,L]

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

 

Myślę że dobrze by było pujść w kierunku rozwiązania opartego o plik: .htaccess

RewriteEngine on
RewriteBase /

# Check if this is the noredirect query string
RewriteCond %{QUERY_STRING} (^|&)m=0(&|$)
# Set a cookie, and skip the next rule
RewriteRule ^ - [CO=mredir:0:www.example.com]

RewriteCond %{HTTP:x-wap-profile} !^$ [OR]
RewriteCond %{HTTP:Profile}       !^$ [OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]

# Check if we're not already on the mobile site
RewriteCond %{HTTP_HOST}          !^m\.
# Can not read and write cookie in same request, must duplicate condition
RewriteCond %{QUERY_STRING} !(^|&)m=0(&|$) 

# Check to make sure we haven't set the cookie before
RewriteCond %{HTTP_COOKIE}        !^.*mredir=0.*$ [NC]

# Now redirect to the mobile site
RewriteRule ^ http://m.example.com [R,L]

 

Po wrzuceniu pliku .htaccess działa przekierowanie ale niestety strona mobilna wyświetla się bez obrazów i zastanawiam się czy gdzieś nie popełniam błędu ?

 

http://detectmobilebrowsers.com/prosta biblioteczka do wielu języków. Wybierz co Ci najlepiej pasuje. Często aktualizowane.

 

a można prosić dokładnie bo nie za bardzo wiem jak to zrobić ?

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

 

Po wrzuceniu pliku .htaccess działa przekierowanie ale niestety strona mobilna wyświetla się bez obrazów i zastanawiam się czy gdzieś nie popełniam błędu ?

 

 

Napisałeś o zwykłej stronie natomiast pewne elementy muszą posiadać dowiązania do subdomeny w przykładzie podanej jako: http://m.example.com. Urządzenie mobilne właśnie w tej lokalizacji będzie szukała elementów graficznych. Nie znam kodu strony i samej strony więc ciężko cokolwiek doradzić.

Edytowano przez SiXwishlist (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

 

Napisałeś o zwykłej stronie natomiast pewne elementy muszą posiadać dowiązania do subdomeny w przykładzie podanej jako: http://m.example.com. Urządzenie mobilne właśnie w tej lokalizacji będzie szukała elementów graficznych. Nie znam kodu strony i samej strony więc ciężko cokolwiek doradzić.

 

Sądziłem żę wystarczy zwykłe założenie subdomeny a potem tylko przekierować

moja zwykła strona to:

http://www.tatry-przewodnik.com.pl

 

a to mobilna

http://www.m.tatry-przewodnik.com.pl/

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

 

Sądziłem żę wystarczy zwykłe założenie subdomeny a potem tylko przekierować

moja zwykła strona to:

http://www.tatry-przewodnik.com.pl

 

a to mobilna

http://www.m.tatry-przewodnik.com.pl/

 

Przeglądam tę stronę mobilną i nie widzę żadnych błędów , które by świadczyły o braku jakiegoś elementu? Możesz podać konkretnie który z elementów się nie wyświetla? Wystarczy tylko jeden.

 

Proponował bym zrezygnować z "www" w wersji mobilnej bo dziwnie jest to trochę ustawione gdy strona mobilna bez www nie działa. Prawd?

Edytowano przez SiXwishlist (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Stronę mobilną przeglądałem na samsungu galaxy i tam wyświetla mi się na stronie tylko tekst bez jakiejkolwiek grafiki, zamiast grafiki są tylko ramki a w środku ramek znak zapytania

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

no faktycznie na tej stronie działa ok. ale chyba się nie rozumiemy. W momencie kiedy wbijam na telefonie adres strony internetowej www.tatry-przewodnik.com.pl automatycznie przekierowywuje mnie na www.m.tatry-przewodnik.com.pl i wtedy nie widać grafiki tylko sam tekst

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Faktycznie na iphone nie widać grafiki, podejrzewam że jak dowiążesz pliki css po adresie domeny to będzie działać. Nie rozumiem natomiast czemu na tablecie działa a iphone ma problemy.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

dzięki. spróbuję jeszcze wrzucić na serwer inną wersje "roboczą" strony mobilnej i zobaczymy jak będzie

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Jak masz <link> to atrybut href daj jako bezwzględny adres, czyli //adresstrony.pl/css/style.css, a nie jako ../style.css, czy /css/style.css.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

a można po kolei gdzie mam to wstawić i jak ?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

A pod jakim adresem aktualnie jest ta mobilna strona?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

A robisz jak tą mobilną?

Mobilna jest osobną stroną ? Czy jest to jedna strona tylko zakodowana pod dodatkowo mobile?

 

Zamiast robić osobną zainteresuj się tematem m.in

@media only screen i to już Ci dużo pomoże :)

 

 

 

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


×