چطور باید صفحات وب رو برای دستگاه های موبایل بهینه سازی کرد ؟

[franchesco]

چطور باید صفحات وب رو برای دستگاه های موبایل بهینه سازی کرد که وقتی که در این گونه دستگاه ها باز میشن به شکی و اندازه استانداری باز بشن ؟

[funpatogh]

میتونی browser کاربر رو تشخیص بدهید و اگر با موبایل بود ریدایرکتش کنی به صفحه ای که مخصوص موبایل طراحی کردید
http://www.webresourcesdepot.com/how-to-detect-mobile-browsers-with-php/



<?php

$mobile_browser = '0';

if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wa p|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
$mobile_browser++;
}

if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
$mobile_browser++;
}

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird' ,'blac',
'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
'newt','noki','oper','palm','pana','pant','phil',' play','port','prox',
'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
'wapr','webc','winw','winw','xda','xda-');

if(in_array($mobile_ua,$mobile_agents)) {
$mobile_browser++;
}

if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
$mobile_browser++;
}

if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
$mobile_browser=0;
}

if($mobile_browser>0) {
echo "mobile";
}
else {
echo "not mobile";
}

?>

اینم یک نمونه طراحی برای موبایل
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes

[afee1990]

می تونی از کلاس زیر برای شناسایی انواع دیوایس ها استفاده کنی
http://aliha.ir/download/php/mobile-detect.zip

و برای طراحی هم باید صفحاتت را جداگانه طرااحی کنی و به وسیله کلاس بالا صفحه مناسب رو به کاربر نشون بدی . مثلا برای موبایل شما باید یه صفحه فول css و بدون عکس های سایز بزرگ طراحی کنی و از واحد % برای اندازه ها استفاده کنی