判斷訪(fǎng)客終端類(lèi)型集錦
當(dāng)用戶(hù)使用手機(jī)等移動(dòng)終端訪(fǎng)問(wèn)網(wǎng)站時(shí),我們可以通過(guò)程序檢測(cè)用戶(hù)終端類(lèi)型,如果是手機(jī)用戶(hù),則引導(dǎo)用戶(hù)訪(fǎng)問(wèn)適配手機(jī)屏幕的移動(dòng)站點(diǎn)。本文將介紹分別使用PHP和JAVASCRIPT代碼判斷用戶(hù)終端類(lèi)型。
PHP版
我們使用PHP的$_SERVER['HTTP_USER_AGENT']來(lái)獲取手機(jī)用戶(hù)瀏覽器的用戶(hù)代理,然后匹配已有的各種手機(jī)瀏覽器代理庫(kù),如果含有匹配的關(guān)鍵字,則判斷為手機(jī)(移動(dòng)終端)用戶(hù)。
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()來(lái)判斷用戶(hù)終端類(lèi)型,將收集到的當(dāng)今各種手機(jī)的HTTP_USER_AGENT歸結(jié)到數(shù)組$mobile_agents中,并進(jìn)行匹配。使用時(shí)只需調(diào)用函數(shù)is_mobile()。如以下代碼表示,當(dāng)匹配用戶(hù)為手機(jī)訪(fǎng)問(wèn)時(shí),頁(yè)面跳轉(zhuǎn)到網(wǎng)站手機(jī)版m.jb51.net。
if (is_mobile()) {
header('Location:http://m.jb51.net');
} else {
echo '請(qǐng)使用手機(jī)訪(fǎng)問(wèn).';
}
Javascript版
您也可以直接在前端頁(yè)面上加入一段Javascript腳本來(lái)判斷用戶(hù)的終端類(lèi)型。Javascript也是通過(guò)獲取瀏覽器的user-agent信息,然后匹配已有的user-agent信息庫(kù)。
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("請(qǐng)使用手機(jī)訪(fǎng)問(wèn).");
}
以上代碼還不是很完善,有興趣的朋友歡迎補(bǔ)充。
當(dāng)然,我們也可以通過(guò)響應(yīng)式布局來(lái)匹配各種不同屏幕,這樣可以節(jié)約開(kāi)發(fā)成本,但是當(dāng)客戶(hù)對(duì)移動(dòng)網(wǎng)站的功能需求,對(duì)于獨(dú)立的移動(dòng)站點(diǎn)最好是采用在網(wǎng)站入口處判斷用戶(hù)訪(fǎng)問(wèn)終端類(lèi)型,一般是我們?cè)谥髡臼醉?yè)就做判斷,如果是手機(jī)訪(fǎng)客則跳轉(zhuǎn)到手機(jī)版頁(yè)面,否則按正常PC方式訪(fǎng)問(wèn)頁(yè)面。
- Javascript 判斷客戶(hù)端瀏覽器類(lèi)型代碼
- 為radio類(lèi)型的INPUT添加客戶(hù)端腳本(附加實(shí)現(xiàn)JS來(lái)禁用onClick事件思路代碼)
- javascrip客戶(hù)端驗(yàn)證文件大小及文件類(lèi)型并重置上傳
- jquery判斷瀏覽器類(lèi)型的代碼
- 使用php判斷瀏覽器的類(lèi)型和語(yǔ)言的函數(shù)代碼
- 客戶(hù)端js判斷文件類(lèi)型和文件大小即限制上傳大小
- jquery1.9 下檢測(cè)瀏覽器類(lèi)型和版本的方法
- Javascript自定義函數(shù)判斷網(wǎng)站訪(fǎng)問(wèn)類(lèi)型是PC還是移動(dòng)終端
- JS通過(guò)分析userAgent屬性來(lái)判斷瀏覽器的類(lèi)型及版本
- js判斷當(dāng)前瀏覽器類(lèi)型,判斷IE瀏覽器方法
相關(guān)文章
js中的escape及unescape函數(shù)的php實(shí)現(xiàn)代碼
js中的escape及unescape函數(shù)的php實(shí)現(xiàn)代碼...2007-09-09
JS按位非(~)運(yùn)算符與~~運(yùn)算符的理解分析
按位非運(yùn)算符,簡(jiǎn)單的理解就是改變運(yùn)算數(shù)的符號(hào)并減去1,當(dāng)然,這是只是簡(jiǎn)單的理解能轉(zhuǎn)換成number類(lèi)型的數(shù)據(jù)2011-07-07
關(guān)于layui 彈出層一閃而過(guò)就消失的解決方法
今天小編就為大家分享一篇關(guān)于layui 彈出層一閃而過(guò)就消失的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
在多個(gè)頁(yè)面使用同一個(gè)HTML片段的代碼
有一個(gè)比較復(fù)雜的HTML片段(A),如果把這個(gè)HTML片段嵌入到其他頁(yè)面中(B,C,D....)。 問(wèn)題的關(guān)鍵是在HTML片段中有大量的JavaScript邏輯需要處理,比如說(shuō)分頁(yè),點(diǎn)擊事件響應(yīng)等。2011-03-03
微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
這篇文章主要介紹了微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JS實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成可拖動(dòng)的不同顏色塊示例
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊按鈕隨機(jī)生成可拖動(dòng)的不同顏色塊,涉及javascript數(shù)值運(yùn)算與頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
Js on及addEventListener原理用法區(qū)別解析
這篇文章主要介紹了Js on及addEventListener原理用法區(qū)別解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07

