tel 做的 window 安卓 需要 rip tzu 超過 host

js如何判斷用戶是在pc端和還是移動端訪問

來源：A5技術交流 作者：wofa 時間：2014-04-25收藏本頁 最近一直在忙我們團隊的項目“咖啡之翼”，在這個項目中，我們為移動平臺提供了一個優秀的體驗。伴隨android平臺的紅火發展。不僅帶動國內智能手機行業，而且許多國內開發者也開始投身於android移動終端的大浪潮中。如果很多互聯網大浪潮你錯過了。那麽這個android浪潮你絕對不能錯過。目前我們為“咖啡之翼”已經開發了移動終端以及安卓客戶端，大家使用android或者ios操作系統的手機，直接訪問域名www.sygxy.cn即可觀看移動終端效果。同時android客戶端已經上架到騰訊“應用寶”和“百度手機助手”等應用商城。大家可以直接搜索“咖啡之翼”進行下載。在沒有任何的推廣的情況了，僅僅上架一周，已經擁有超過100+的下載量。

如果需要對移動終端進行優化，必須要做的就是，判斷客戶機的訪問設備是什麽。通過判斷的結果，返回不能的域名地址，繼而加載不同的css文件。

我們使用的判斷方式是通過user-agent值，來進行判斷。使用javascript框架中的navigator對象的useragent屬性。navigator 對象沒有公開標準，不過現在市面上所有瀏覽器都支持該對象。使用useragent屬性返回由客戶機發送服務器的 user-agent 頭部的值。頭信息中有一個 user-agent，它的作用是告訴服務器，用戶客戶端是什麽瀏覽器，以及操作系統的信息的。使用正則表達式進行user-agent值的獲取。和本地的值進行判斷，這個匹配值可以是移動操作系統例如android,ios，也可以為瀏覽器的名稱。有匹配項則跳轉，否則則不會跳轉，直接進入pc端首頁。

具體的代碼實現，我們為了提高網站的可移植性，使用了javascript腳本語言。使用此技術的好處在筆者看來有兩點

1：可以提高網站的可移植性，如果在此後的web項目中，我們團隊需要再一次加入移動終端的效果，就可以很輕松的引入這部分的js代碼，進行判斷。提高以後的工作效率。

2：第二點是便於web程序可以在不用的界面加載，是否引入這部分移動終端的判斷代碼。

具體實現：

我們把判斷訪問的腳本抽離，如果哪個頁面需要進行客戶終端的判斷，我們就直接在頁面使用<script></script>引入腳本程序，具體判斷代碼如下：
代碼如下:
function uaredirect(f){
try{if(
document.getelementbyid(bdmark)!=null){
return
}
var b=false;
if(arguments[1]){
var e=window.location.host;var a=window.location.href;
if(issubdomain(arguments[1],e)==1){
f=f+/#m/+a;b=true}else{if(issubdomain(arguments[1],e)==2){f=f+/#m/+a;b=true}
else{f=a;b=false}}}
else{b=true}if(b){var c=window.location.hash;
if(!c.match(fromapp)){
if((navigator.useragent.match(/(iphone|ipod|android|ios|windows phone)/i))){location.replace(f)}}}}catch(d)<br>　　 {<br>　　 }<br>}

js如何判斷用戶是在pc端和還是移動端訪問