您的位置: 首页 > 源码资料
自动判断手机、平板与电脑访问不同网址页面的简单处理方法
源码资料 时间:2014-09-30 作者/发布人:科杰在线 点击:8231
有没有这方面的需求?现在手机、平板用户越来越多,原来的网站是根据电脑端开发的,在手机、平板上显示是存在一定排版问题的,又另做了一套针对移动端的程序和样式,但苦于不知道如何能让网站自动检测来访用户的浏览器到底是电脑还是手机、平板之类的移动设备,用下面这段代码就行了,会自动进行判断,正常显示电脑端网页,如果检测是移动设备,就会跳到你设定的另一个地址中去,十分便捷。
使用方法,将下列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.pc354.com);
</SCRIPT>
把上面标红字的地址,改为你网站移动端实际网址就行了。亲测有效,此代码的原作者不知道是哪位高手,有这方面需求时百度到的,在此表示崇高的敬意。赶紧转过来,有需要的可以试试。
科杰在线pc354.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.pc354.com);
</SCRIPT>
把上面标红字的地址,改为你网站移动端实际网址就行了。亲测有效,此代码的原作者不知道是哪位高手,有这方面需求时百度到的,在此表示崇高的敬意。赶紧转过来,有需要的可以试试。
科杰在线pc354.com 收集整理
2014.9.30
--------------------------全文完----------------------------
0% (0)
0% (0)