PDA

View Full Version : آموزش: تشخیص اینکه کاربر با موبایل وارد سایت شده (ساخت نسخه موبایل برای سایت)



SA_Developer
سه شنبه 08 بهمن 1392, 13:40 عصر
سلام
امروزه داشتن وبسایتی که برای موبایل ها هم بهینه سازی شده باشه بسیار مهمه به همین دلیل تصمیم گرفتم یه روش خوب برای تشخیص اینکه کاربر با موبایل وارد شده رو آموزش بدم در نهایت هم یک وبسایت عالی برای دریافت قالب موبایل به شما معرفی میکنم.

وبسایت MobileDetect.com (http://mobiledetect.net/)یک کلاس خوب برای اینکار در اختیار ما گذاشته و نحوه استفاده از اون هم خیلی سادست.


http://mobiledetect.net/img/logo.png

برای شروع اول به سایت بالا مراجعه کرده و آخرین نسخه کلاس رو دانلود کنید و بعد فایل Mobile_Detect.php رو تو مسیر پروژه خودتون قرار بدید.
حالا اولین کاری که باید انجام بدید اینه که کلاس رو با دستور require_once (http://php.net/require_once) اضافه کرده و یک نمونه جدید از اون کلاس بسازید:


// Include and instantiate the class.
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;


حالا برای اینکه اکشن خاصی برای دستگاههای موبایل (تلفن همراه و تبلت) اعمال کنید (مثل نمایش قالب موبایل سایتتون) به این صورت عمل کنید:


// Any mobile device (phones or tablets).
if ( $detect->isMobile() ) {
// Load mobile template
}


بااستفاده از این کلاس میتونید اکشن خاصی برای تبلت ها، سیستم عامل های خاص و یا مرورگرهای خاص هم اعمال کنید که این ویژگی بسیار خوبیه
برای مثال فقط برای IOS:


if( $detect->isiOS() ){
// Code to execute
}


یا فقط برای دستگاههای اندرویدی:


if( $detect->isAndroidOS() ){
// Code to execute
}


برای مرورگرهای خاص:


$detect->is('Chrome')
$detect->is('iOS')
$detect->is('UC Browser')


مثالهای بیشتر تو فولدر Example فایل دانلود شده وجود داره میتونید ببینید.

وبسایت mobifreaks.com (http://mobifreaks.com) هم قالب های موبایل زیادی رو بصورت رایگان قرار داده که میتونید ازش برای ساخت نسخه موبایل سایتتون استفاده کنید.


http://mobifreaks.com/wp-content/uploads/2012/08/business-mobi-1.png



این هم کد نهایی برای ساخت نسخه موبایل:

if ( $detect->isMobile() ) {
// Mobile template
}
else
{
// Desktop template
}

موفق باشید.