判斷訪客終端類型集錦
當(dāng)用戶使用手機(jī)等移動終端訪問網(wǎng)站時,我們可以通過程序檢測用戶終端類型,如果是手機(jī)用戶,則引導(dǎo)用戶訪問適配手機(jī)屏幕的移動站點。本文將介紹分別使用PHP和JAVASCRIPT代碼判斷用戶終端類型。
PHP版
我們使用PHP的$_SERVER['HTTP_USER_AGENT']來獲取手機(jī)用戶瀏覽器的用戶代理,然后匹配已有的各種手機(jī)瀏覽器代理庫,如果含有匹配的關(guān)鍵字,則判斷為手機(jī)(移動終端)用戶。
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)行匹配。使用時只需調(diào)用函數(shù)is_mobile()。如以下代碼表示,當(dāng)匹配用戶為手機(jī)訪問時,頁面跳轉(zhuǎn)到網(wǎng)站手機(jī)版m.jb51.net。
if (is_mobile()) { header('Location:http://m.jb51.net'); } else { echo '請使用手機(jī)訪問.'; }
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("請使用手機(jī)訪問."); }
以上代碼還不是很完善,有興趣的朋友歡迎補(bǔ)充。
當(dāng)然,我們也可以通過響應(yīng)式布局來匹配各種不同屏幕,這樣可以節(jié)約開發(fā)成本,但是當(dāng)客戶對移動網(wǎng)站的功能需求,對于獨立的移動站點最好是采用在網(wǎng)站入口處判斷用戶訪問終端類型,一般是我們在主站首頁就做判斷,如果是手機(jī)訪客則跳轉(zhuǎn)到手機(jī)版頁面,否則按正常PC方式訪問頁面。
相關(guān)文章
js中的escape及unescape函數(shù)的php實現(xiàn)代碼
js中的escape及unescape函數(shù)的php實現(xiàn)代碼...2007-09-09JS實現(xiàn)點擊按鈕隨機(jī)生成可拖動的不同顏色塊示例
這篇文章主要介紹了JS實現(xiàn)點擊按鈕隨機(jī)生成可拖動的不同顏色塊,涉及javascript數(shù)值運算與頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01Js on及addEventListener原理用法區(qū)別解析
這篇文章主要介紹了Js on及addEventListener原理用法區(qū)別解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07