判斷訪客終端類型集錦
當(dāng)用戶使用手機等移動終端訪問網(wǎng)站時,我們可以通過程序檢測用戶終端類型,如果是手機用戶,則引導(dǎo)用戶訪問適配手機屏幕的移動站點。本文將介紹分別使用PHP和JAVASCRIPT代碼判斷用戶終端類型。
PHP版
我們使用PHP的$_SERVER['HTTP_USER_AGENT']來獲取手機用戶瀏覽器的用戶代理,然后匹配已有的各種手機瀏覽器代理庫,如果含有匹配的關(guān)鍵字,則判斷為手機(移動終端)用戶。
function is_mobile() {
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$mobile_agents = array("240x320","acer","acoon","acs-","abacho","ahong","airness","alcatel","amoi",
"android","anywhereyougo.com","applewebkit/525","applewebkit/532","asus","audio",
"au-mic","avantogo","becker","benq","bilbo","bird","blackberry","blazer","bleu",
"cdm-","compal","coolpad","danger","dbtel","dopod","elaine","eric","etouch","fly ",
"fly_","fly-","go.web","goodaccess","gradiente","grundig","haier","hedy","hitachi",
"htc","huawei","hutchison","inno","ipad","ipaq","iphone","ipod","jbrowser","kddi",
"kgt","kwc","lenovo","lg ","lg2","lg3","lg4","lg5","lg7","lg8","lg9","lg-","lge-","lge9","longcos","maemo",
"mercator","meridian","micromax","midp","mini","mitsu","mmm","mmp","mobi","mot-",
"moto","nec-","netfront","newgen","nexian","nf-browser","nintendo","nitro","nokia",
"nook","novarra","obigo","palm","panasonic","pantech","philips","phone","pg-",
"playstation","pocket","pt-","qc-","qtek","rover","sagem","sama","samu","sanyo",
"samsung","sch-","scooter","sec-","sendo","sgh-","sharp","siemens","sie-","softbank",
"sony","spice","sprint","spv","symbian","tablet","talkabout","tcl-","teleca","telit",
"tianyu","tim-","toshiba","tsm","up.browser","utec","utstar","verykool","virgin",
"vk-","voda","voxtel","vx","wap","wellco","wig browser","wii","windows ce",
"wireless","xda","xde","zte");
$is_mobile = false;
foreach ($mobile_agents as $device) {
if (stristr($user_agent, $device)) {
$is_mobile = true;
break;
}
}
return $is_mobile;
}
上述代碼中函數(shù)is_mobile()來判斷用戶終端類型,將收集到的當(dāng)今各種手機的HTTP_USER_AGENT歸結(jié)到數(shù)組$mobile_agents中,并進行匹配。使用時只需調(diào)用函數(shù)is_mobile()。如以下代碼表示,當(dāng)匹配用戶為手機訪問時,頁面跳轉(zhuǎn)到網(wǎng)站手機版m.jb51.net。
if (is_mobile()) {
header('Location:http://m.jb51.net');
} else {
echo '請使用手機訪問.';
}
Javascript版
您也可以直接在前端頁面上加入一段Javascript腳本來判斷用戶的終端類型。Javascript也是通過獲取瀏覽器的user-agent信息,然后匹配已有的user-agent信息庫。
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|
WebOS|Symbian|Windows Phone|Phone)/i))) {
location.replace("http://m.jb51.net")
}else{
document.write("請使用手機訪問.");
}
以上代碼還不是很完善,有興趣的朋友歡迎補充。
當(dāng)然,我們也可以通過響應(yīng)式布局來匹配各種不同屏幕,這樣可以節(jié)約開發(fā)成本,但是當(dāng)客戶對移動網(wǎng)站的功能需求,對于獨立的移動站點最好是采用在網(wǎng)站入口處判斷用戶訪問終端類型,一般是我們在主站首頁就做判斷,如果是手機訪客則跳轉(zhuǎn)到手機版頁面,否則按正常PC方式訪問頁面。
相關(guān)文章
Bootstrap php制作動態(tài)分頁標(biāo)簽
這篇文章主要為大家詳細(xì)介紹了Bootstrap php制作動態(tài)分頁標(biāo)簽的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
WebStorm ES6 語法支持設(shè)置&babel使用及自動編譯(詳解)
下面小編就為大家?guī)硪黄猈ebStorm ES6 語法支持設(shè)置&babel使用及自動編譯(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
利用H5api實現(xiàn)時鐘的繪制(javascript)
這篇文章主要為大家詳細(xì)介紹了利用H5api實現(xiàn)時鐘的繪制,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-09-09

