目前，一個網(wǎng)站有多個版本是很正常的，如PC版，3G版，移動版等等。根據(jù)不同的瀏覽設(shè)備我們需要定向到不同的版本中。不僅如此，我們有時候還需要根據(jù)不同的客戶端加載不同的CSS，因此我們需要能夠檢測瀏覽設(shè)備，SO，我們就需要用到“mobile detection”類庫。

“mobile detection”是一個輕量級移動設(shè)備檢測的PHP類庫，它采用結(jié)合特定的HTTP標(biāo)頭中的User-Agent字符串來檢測移動客戶端環(huán)境。注意，mobile detection 只是一個服務(wù)器端（PHP）的檢測工具，并不能代替響應(yīng)式Web設(shè)計或其他任何形式的客戶端功能檢測。

mobile detection 類庫下載地址：https://github.com/serbanghita/Mobile-Detect

實(shí)例1：根據(jù)設(shè)備重定向到其他版本

當(dāng)我們使用移動設(shè)備瀏覽某網(wǎng)站時，需要定向到該網(wǎng)站的移動版，首先將具有檢測功能的文件Mobile_Detect.php包含到網(wǎng)頁中或主頁中，現(xiàn)在我們來實(shí)現(xiàn)瀏覽www.uncletoo.com網(wǎng)站時重定向到m.uncletoo.com中：

復(fù)制代碼代碼如下:

/*根據(jù)文件位置更改路徑信息*/
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if($detect->isMobile()) {
    header('Location: http://m.uncletoo.com/');
    exit;
}
這是定向到移動網(wǎng)站，下面還有其他形式的重定向：
//所有平板設(shè)備
if( $detect->isTablet()) {
}
//是移動但非平板設(shè)備
if( $detect->isMobile() && !$detect->isTablet()) {
}
//IOS系統(tǒng)
if( $detect->isiOS()) {
}
//Android系統(tǒng)
if( $detect->isAndroidOS()) {
}
//WindowsPhone系統(tǒng)
if( $detect->isWindowsPhoneOS()) {
}

實(shí)例2：根據(jù)不同設(shè)備加載不同資源

如上所述，我們還可以根據(jù)不同的瀏覽設(shè)備加載不同的CSS文件。如：

復(fù)制代碼代碼如下:

$detect = new Mobile_Detect;
if($detect->isMobile() || $detect->isTablet()) {
    echo "<link rel='stylesheet' href='mobile.css type='text/css' />";
} else {
    echo "<link rel='stylesheet' href='style.css type='text/css' />";
}

注意，mobile detection是一個移動設(shè)備檢測平臺，隨著科技的進(jìn)步會有不同的設(shè)備出現(xiàn)，因此你需要隨時更新類庫，這樣才能保證檢測的準(zhǔn)確性。

您可能感興趣的文章: