如今智能手機越來越普及,用戶通過移動終端上網的頻率也越來越高,用戶的電腦上網習慣也隨之轉移到手機上網。
然而受手機屏幕以及相關手機瀏覽器的影響,很多網站在手機端的表現(xiàn)差強人意,所以我們會考慮設計WAP版。當然常用的辦法是告知用戶WAP入口地址,但這不能從無縫轉移的角度來解決問題。所以我們會考慮到判斷當前客戶端的情況來進行有選擇的推送網站版面。
標關鍵。搜索諸多文章都推薦了使用“User-Agent”進行嗅探。“User Agent中文名為用戶代理,簡稱 UA,它是一個特殊字符串頭,使得服務器能夠識別客戶使用的操作系統(tǒng)及版本、CPU 類型、瀏覽器及版本、瀏覽器渲染引擎、瀏覽器語言、瀏覽器插件等。”
<%request.ServerVariables("HTTP_USER_AGENT")%> <?$_SERVER['HTTP_USER_AGENT']?>
|
獲 得的第一參數(shù)可以看到電腦顯示為compatible,iphone顯示為iphone,cpu iphone OS;摩托羅拉M2525顯示為Linux,Android MB525 Build。而諸如諾基亞6300則不顯示任何信息,當然,因為任何電腦都會有HTTP_USER_AGENT信息,如果值為空也可以判斷為手機。
所以簡單辦法是獲取所有手機端的User-Agent信息入庫,以備對客戶端的校驗。
已檢測成功的ASP版
<% set regex = new regexp regex.ignorecase = true regex.global = true regex.pattern = "mini 9.5|vx1000|lge |m800|e860|u940|ux840|compal|wireless| mobi|ahong|lg380|lgku|lgu900|lg210|lg47|lg920|lg840|lg370|sam-r|mg50|s55|g83|t66|vx400|mk99|d615|d763|el370|sl900|mp500|samu3|samu4|vx10|xda_|samu5|samu6|samu7|samu9|a615|b832|m881|s920|n210|s700|c-810|_h797|mob-x|sk16d|848b|mowser|s580|r800|471x|v120|rim8|c500foma:|160x|x160|480x|x640|t503|w839|i250|sprint|w398samr810|m5252|c7100|mt126|x225|s5330|s820|htil-g1|fly v71|s302|-x113|novarra|k610i|-three|8325rc|8352rc|sanyo|vx54|c888|nx250|n120|mtk |c5588|s710|t880|c5005|i;458x|p404i|s210|c5100|teleca|s940|c500|s590|foma|samsu|vx8|vx9|a1000|_mms|myx|a700|gu1100|bc831|e300|ems100|me701|me702m-three|sd588|s800|8325rc|ac831|mw200|brew |d88|htc\/|htc_touch|355x|m50|km100|d736|p-9521|telco|sl74|ktouch|m4u\/|me702|8325rc|kddi|phone|lg |sonyericsson|samsung|240x|x320vx10|nokia|sony cmd|motorola|up.browser|up.link|mmp|symbian|smartphone|midp|wap|vodafone|o2|pocket|kindle|mobile|psp|treo|iris|3g_t|windows ce|opera mobi|windows ce; smartphone;|windows ce; iemobile|ipod|iphone|android|opera mini|blackberry|palm os|palm|hiptop|avantgo|fennec|plucker|xiino|blazer|elaine|iris|3g_t|windows ce|opera mobi|windows ce; smartphone;|windows ce; iemobile"
agent = request.ServerVariables("HTTP_USER_AGENT") if agent <> "" then if regex.test(agent) then response.redirect("WAP網址") end If Else response.redirect("未能獲取HTTP_USER_AGENT值,同樣跳轉到WAP網址") end if %>
|
未監(jiān)測的PHP版
function is_wap(){ $ua = strtolower($_SERVER['HTTP_USER_AGENT']); $uachar = "/(nokia|sony|ericsson|mot|samsung|sgh|lg|sie|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile)/i"; if(($ua == '' || preg_match($uachar, $ua))&& !strpos(strtolower($_SERVER['REQUEST_URI']),'wap')){ return true; }else{ return false; } }
|
以上的ASP段代碼檢測在諾基亞、蘋果、三星、摩托羅拉、HTC、黑莓及部分安卓山寨機上測試訪問均自動跳轉至WAP站點。
后來考慮到ipad端因為屏幕已經夠大,正常WEB瀏覽也無大礙,所以可以考慮不跳轉到WAP站的思路總結出:
判斷客戶端是電腦還是手機的目的是為了讓用戶能看到適合的屏幕內容,那么我們?yōu)槭裁床粊砼袛嗫蛻舳说姆直媛蔬M行有選擇的跳轉呢?
所以,最終考慮分辨率小于480的終端均跳轉到WAP頁面。
<script type="text/javascript"> //document.write(window.screen.width+"*"+window.screen.height); if (window.screen.width<=480){ top.location='WAP網址'; } </script>
|
另外發(fā)現(xiàn),UC解析彩版頁面效果很差,圖片全部被渲染過的,看來只能定制純文字版的WAP頁了。
該文章在 2014/4/7 11:01:13 編輯過