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