您的位置: 首頁 > 源碼資料
自動判斷手機、平板與電腦訪問不同網址頁面的簡單處理方法
源碼資料 時間:2014-09-30 作者/發布人:科杰在線 點擊:8683
有沒有這方面的需求？現在手機、平板用戶越來越多，原來的網站是根據電腦端開發的，在手機、平板上顯示是存在一定排版問題的，又另做了一套針對移動端的程序和樣式，但苦于不知道如何能讓網站自動檢測來訪用戶的瀏覽器到底是電腦還是手機、平板之類的移動設備，用下面這段代碼就行了，會自動進行判斷，正常顯示電腦端網頁，如果檢測是移動設備，就會跳到你設定的另一個地址中去，十分便捷。
使用方法，將下列JS，直接放到網站index.html中即可。
<SCRIPT LANGUAGE="JavaScript">
function mobile_device_detect(url)
{
var thisOS=navigator.platform;
var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
for(var i=0;i<os.length;i++)
{
if(thisOS.match(os[i]))
{
window.location=url;
}
}
//因為相當部分的手機系統不知道信息,這里是做臨時性特殊辨認
if(navigator.platform.indexOf('iPad') != -1)
{
window.location=url;
}
//做這一部分是因為Android手機的內核也是Linux
//但是navigator.platform顯示信息不盡相同情況繁多,因此從瀏覽器下手，即用navigator.appVersion信息做判斷
var check = navigator.appVersion;
if( check.match(/linux/i) )
{
//X11是UC瀏覽器的平臺 ，如果有其他特殊瀏覽器也可以附加上條件
if(check.match(/mobile/i) || check.match(/X11/i))
{
window.location=url;
}
}
//類in_array函數
Array.prototype.in_array = function(e)
{
for(i=0;i<this.length;i++)
{
if(this[i] == e)
return true;
}
return false;
}
}
mobile_device_detect(http://www.www.yeewaa.com);
</SCRIPT>
把上面標紅字的地址，改為你網站移動端實際網址就行了。親測有效，此代碼的原作者不知道是哪位高手，有這方面需求時百度到的，在此表示崇高的敬意。趕緊轉過來，有需要的可以試試。
科杰在線www.yeewaa.com 收集整理
2014.9.30
使用方法，將下列JS，直接放到網站index.html中即可。
<SCRIPT LANGUAGE="JavaScript">
function mobile_device_detect(url)
{
var thisOS=navigator.platform;
var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
for(var i=0;i<os.length;i++)
{
if(thisOS.match(os[i]))
{
window.location=url;
}
}
//因為相當部分的手機系統不知道信息,這里是做臨時性特殊辨認
if(navigator.platform.indexOf('iPad') != -1)
{
window.location=url;
}
//做這一部分是因為Android手機的內核也是Linux
//但是navigator.platform顯示信息不盡相同情況繁多,因此從瀏覽器下手，即用navigator.appVersion信息做判斷
var check = navigator.appVersion;
if( check.match(/linux/i) )
{
//X11是UC瀏覽器的平臺 ，如果有其他特殊瀏覽器也可以附加上條件
if(check.match(/mobile/i) || check.match(/X11/i))
{
window.location=url;
}
}
//類in_array函數
Array.prototype.in_array = function(e)
{
for(i=0;i<this.length;i++)
{
if(this[i] == e)
return true;
}
return false;
}
}
mobile_device_detect(http://www.www.yeewaa.com);
</SCRIPT>
把上面標紅字的地址，改為你網站移動端實際網址就行了。親測有效，此代碼的原作者不知道是哪位高手，有這方面需求時百度到的，在此表示崇高的敬意。趕緊轉過來，有需要的可以試試。
科杰在線www.yeewaa.com 收集整理
2014.9.30
--------------------------全文完----------------------------
0% (0)
0% (0)
生活常識
- 騷年，年底大掃除如何清理最霸道的廚房油污你..(12-22)
- 吃了幾十年火鍋，竟然才發現吃錯了(12-17)
- 安徽職工生育保險津貼如何領取？流產津貼如何..(12-05)
- 十萬個為什么？女性私處為什么會變黑(11-19)
- 人體內全部秘密，再不對自己好點就晚了(11-16)
創意無限
- 英國“神奇凝膠”緩解“皮肉之苦”(08-03)
- 德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)
- 英國女學生用立體涂鴉畫出“隱形車”(圖)(05-10)
- 創意到實用！國外知名地鐵站設計欣賞(04-13)
- 工業革命時代的粗曠！起重機造型吊燈(04-13)
源碼資料
- javascript實現網頁跳轉的方法(10-29)
- CSS+DIV常用小代碼的收集(10-07)
- 自動判斷手機、平板與電腦訪問不同網址頁面的..(09-30)
- 最簡單實用的鼠標移到圖片上變成另外圖片的效..(09-26)
- VB鼠標離開窗體時就執行某個代碼如何實現？(06-30)
資源中心
- 原文：為什么這么多人黑周星馳(全文)(09-12)
- 紅藍3D眼鏡測試演示3D圖片-風景、人物及其他2..(02-06)
- 紅藍3D眼鏡測試演示3D圖片及美女3D視頻-美女篇..(02-06)
- “東亞病夫”是中國人自已罵自已的,非洋人(08-06)
- eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)
