Mobile doorlink
Graag hulp van jullie als het kan.
Vraag ik zie dat u ook verteld over website op je mobiel via subdomein.
Ik heb een www website en een subdomein met een m.domein
Nu wil ik net als telegaaf en andere website dat als ik op me mobiel mijn website url tikt
dat die ook naar de subdomein m. gaat en dat ik op me mobiel op de subdomein pagina m.
een tekst plaatst om naar de volledige website te gaan.
Mijn vraag hoe doe je dat dat je automatisch naar de subdomein gaat op je mobiel en wat moet je doen om
vanuit subdomeinpagina via op een link te tikken naar je volledige website gaat op je mobiel.
Is er hierover informatie op internet hoe ik dit kan maken of kunt u mij hiermee helpen.
Hoop dat jullie mij hiermee kan helpen mijn dank is groot.
Graag hoor ik van u
Met vriendelijke groet,
Roy
Op de subdomein pagina zet ik link zodat ze naar de volledige website gaan.
De vraag hoe doe je dat met welke script
Ik heb een php cms website
Gewijzigd op 29/11/2013 12:53:39 door - Ariën -
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
function is_mobile(){
$regex_match="/(nokia|iphone|android|motorola|^mot\-|softbank|foma|docomo|kddi|up\.browser|up\.link|";
$regex_match.="htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|";
$regex_match.="blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam\-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|";
$regex_match.="symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte\-|longcos|pantech|gionee|^sie\-|portalmmm|";
$regex_match.="jig\s browser|hiptop|^ucweb|^benq|haier|^lct|opera\s*mobi|opera\*mini|320x320|240x320|176x220";
$regex_match.=")/i";
return isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or preg_match($regex_match, strtolower($_SERVER['HTTP_USER_AGENT']));
}
switch($_GET['mode'])
{
case 'mobile':
$mode = "mobile";
break;
case 'desktop':
$mode = "desktop";
break;
default:
$mode = is_mobile() ? "mobile" : "desktop";
break;
}
if ($mode == "mobile")
{
echo '<script>window.location="http://m.dl1.nl/";</script>';
return;
}
?>
function is_mobile(){
$regex_match="/(nokia|iphone|android|motorola|^mot\-|softbank|foma|docomo|kddi|up\.browser|up\.link|";
$regex_match.="htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|";
$regex_match.="blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam\-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|";
$regex_match.="symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte\-|longcos|pantech|gionee|^sie\-|portalmmm|";
$regex_match.="jig\s browser|hiptop|^ucweb|^benq|haier|^lct|opera\s*mobi|opera\*mini|320x320|240x320|176x220";
$regex_match.=")/i";
return isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or preg_match($regex_match, strtolower($_SERVER['HTTP_USER_AGENT']));
}
switch($_GET['mode'])
{
case 'mobile':
$mode = "mobile";
break;
case 'desktop':
$mode = "desktop";
break;
default:
$mode = is_mobile() ? "mobile" : "desktop";
break;
}
if ($mode == "mobile")
{
echo '<script>window.location="http://m.dl1.nl/";</script>';
return;
}
?>
-Responsive design maken, een css/html framework helpt hiermee. Denk aan bootstrap (v3 is mobile first).
-Om een onderscheid in de URL te maken kan je zoals Daniel aangeeft regex gebruiken. Of je gebruikt een onderhouden 3rd party klasse welke aangeeft of je op een mobiel/tablet/desktop zit zoals http://www.mobiledetect.net deze updaten ook de code wanneer er devices zijn die niet goed werken dus dan hoef je alleen de klasse te vervangen. Als je een responsive design gebruikt heb je dit niet nodig, tenzij je echt een aparte 'webapp' hebt voor op de mobiel.
Indien het bovenstaande teveel moeite is kanje zoals Frank zegt media queries gebruiken. Je geeft dan in principe aan of een stuk CSS wel of niet valide is aan de hand van de grootte van het browser scherm, ie:
Code (php)
1
2
3
2
3
@media (min-width: 720px){
<!-- CSS wordt alleen geevalueerd indien het venster 720px breed is -->
}
<!-- CSS wordt alleen geevalueerd indien het venster 720px breed is -->
}