przekierowanie na stronę mobilną

[MJG 0]

Witam

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

Michał

Edytowano Luty 15, 2015 przez MJG (zobacz historię edycji)

[bybunny 540]

 

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]

[regdos 1848]

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

[MJG 0]

 

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ć ?

 

[bybunny 540]

 

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 Luty 15, 2015 przez SiXwishlist (zobacz historię edycji)

[MJG 0]

 

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/

[bybunny 540]

 

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 Luty 15, 2015 przez SiXwishlist (zobacz historię edycji)

[MJG 0]

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

[bybunny 540]

Sprawdzałem tu: http://nibblequick.com/podając adres mobilny witryny i na tablecie więc teraz jestem odrobinę zdezorientowany. Bo dla mnie działa prawidłowo.

[MJG 0]

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

[bybunny 540]

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.

[MJG 0]

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

[MJG 0]

zmieniłem subdomene na

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

no i niestety to samo i zastanawiam się nad tym dowiązaniem plików css tylko nie wiem jak to zrobić ?

 

 

[kori 29]

może tak:

 

<style>
twoje style
</style>

[Misiek08 285]

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.

[MJG 0]

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

[regdos 1848]

A pod jakim adresem aktualnie jest ta mobilna strona?

[MJG 0]

tutaj

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

[web24 0]

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

 

 

 

 

[Jacker 6]

Wersja mobilna i desktopowa wygląda tak samo

[DavsonProgrammer 0]

Czy ktoś mógłby napisać gdzie dokładnie wstawić ten kod, który przekierowuje na mobilną wersję strony? Bo nie umiem tego zrobić