So.
Als CSS habe ich jetzt folgendes:
Code: Alles auswählen
/* mobile stylesheet */
#toc, #siteSub, #jump-to-nav, #viewcount, #f-poweredbyico, #f-copyrightico { display: none; }
#content { border: none; margin: 0; }
#f-list { padding: 0; }
#f-list li { list-style-type: none; }
.portlet { display: none; width: auto; }
.pBody { border: none; }
#p-search { display: block; position: absolute; top: 0; width: auto; }
#p-search h5 { display: none; }
#p-search input { display: inline; }
.printfooter { display: none;}
.editsection { display: none; }
body { background: none; font: 0.8em sans-serif; line-height: 1.65; margin-top: 4em; }
h1 { margin-top: 0; }
Um das selbst mal zu testen, kann man das unter
http://wiki-aventurica.de/index.php/Ben ... nobook.css speichern.
Damit der Server selbst entscheidet, ob es ein mobiles Gerät ist, könnte man folgenden Code verwenden:
Code: Alles auswählen
$mobileUserAgents = array ( '176x220', '240x320',
'alcatel', 'amoi', 'audio', 'avant', 'benq', 'bird',
'cdm', 'chtml', 'compal',
'dbt', 'dddi', 'docomo', 'eric', 'gradi', 'hand', 'HTC',
'iemobile', 'j2me', 'java', 'jb', 'kdd', 'kg', 'lg',
'mib', 'midp', 'mitsu', 'mmm', 'mmp', 'mobi', 'mot-', 'moto', 'motorola',
'NEC', 'nokia', 'novarra', 'opwv',
'panasonic', 'pda', 'pg', 'philips', 'phone', 'pocket', 'pt', 'rover',
'sagem', 'samsung', 'sany', 'sch', 'SEC-', 'sendo', 'sgh', 'sharp',
'SIE-', 'smartphone', 'sony', 'sonyericsson', 'symbian',
'up.b', 'voda', 'vox', 'vx', 'wap', 'windows ce','wireless',
'xx', 'palm', 'android', 'blackberry', 'iphone', 'ipod');
public function isMobileDevice() {
if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) {
return true;
} elseif (preg_match('/wap.|.wap/i',$_SERVER['HTTP_ACCEPT'])) {
return true;
} else {
if (!isset($_SERVER['HTTP_USER_AGENT'])) {
return false;
}
$browser = $_SERVER['HTTP_USER_AGENT'];
foreach ($mobileUserAgents as $pattern) {
$stmp = '/' . strtolower(str_replace('/','',$pattern)) . '/i';
if (preg_match($stmp, $browser)) {
return true;
}
}
}
return false;
}
Auf der Hauptseite schaut man dann, ob isMobileDevice true zurückgibt und bindet dann entsprechend zusätzlich das Mobile-CSS ein.
Meint ihr das wäre machbar?
