搜索
您的当前位置:首页正文

js判断是PC端还是移动端时一直刷新的解决方法

2023-11-29 来源:软文情感网

本篇文章给大家带来的内容是关于js判断是PC端还是移动端时一直刷新的解决方法,文章介绍了对js中this的理解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

我在写官网的时候做了pc和移动端两个,在通过网上查找了这样的代码,看着完全没问题,等放进去页面中后,PC端页面一直刷新,根本停不下来,找了类似js还是同样的问题。通过不断尝试后才发现,问题就是多了一行代码:

原代码例子:

<script type="text/javascript">  //平台、设备和操作系统  var system = {  win: false,  mac: false,  xll: false,  ipad:false  };  //检测平台  var p = navigator.platform;  system.win = p.indexOf("Win") == 0;  system.mac = p.indexOf("Mac") == 0;  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;  //跳转语句,如果是手机访问就自动跳转到" "里的页面  if (system.win || system.mac || system.xll||system.ipad) {  window.location.href = " PC端网站名 ";  } else {  window.location.href = " 移动端端网站名 ";  }  </script>    

修改后代码例子:

<script type="text/javascript">  //平台、设备和操作系统  var system = {  win: false,  mac: false,  xll: false,  ipad:false  };  //检测平台  var p = navigator.platform;  system.win = p.indexOf("Win") == 0;  system.mac = p.indexOf("Mac") == 0;  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;  //跳转语句,如果是手机访问就自动跳转到" "里的页面  if (system.win || system.mac || system.xll||system.ipad) { //window.location.href = "PC端网站名";(在PC端引入js代码段时,这一行不能要,否则一直循环刷新,移动端同理)  } else {    window.location.href = " 移动端端网站名 ";  }  </script>

相关推荐:

js判断是PC端还是移动端

js如何判断用户是在PC端和还是移动端访问_javascript技巧

小编还为您整理了以下内容,可能对您也有帮助:

js判断客户端是pc端还是移动端

Js判断客户端是否为PC还是手持移动设备

方法一

function IsPC(){ 

    var userAgentInfo = navigator.userAgent;

    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 

    var flag = true; 

for (var v = 0; v

if(userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }

    } 

    return flag; 

  }

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {

    //alert(navigator.userAgent); 

    window.location.href ="iPhone.html";

} else if (/(Android)/i.test(navigator.userAgent)) {

    //alert(navigator.userAgent);

    window.location.href ="Android.html";

} else {

    window.location.href ="pc.html";

};

方法二

var browser={

    versions:function(){

          var u = navigator.userAgent, app = navigator.appVersion;

          return {//移动终端浏览器版本信息

                trident: u.indexOf('Trident') > -1, //IE内核

                presto: u.indexOf('Presto') > -1, //opera内核

                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端

                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器

                iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器

                iPad: u.indexOf('iPad') > -1, //是否iPad 

                webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部

                weixin: u.indexOf('MicroMessenger') > -1, //是否微信

                qq: u.match(/\sQQ/i) == " qq" //是否QQ

            };

        }(),

        language:(navigator.browserLanguage || navigator.language).toLowerCase()

}

  if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||

  browser.versions.iPhone || browser.versions.iPad){ 

  window.location = "http://m.zhaizhainv.com";

  }

方法三: 摘自im- qq

var os = function() {

    var ua = navigator.userAgent,

    isWindowsPhone = /(?:Windows Phone)/.test(ua),

    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,

    isAndroid = /(?:Android)/.test(ua),

    isFireFox = /(?:Firefox)/.test(ua),

    isChrome = /(?:Chrome|CriOS)/.test(ua),

    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),

    isPhone = /(?:iPhone)/.test(ua) && !isTablet,

    isPc = !isPhone && !isAndroid && !isSymbian;

    return {

          isTablet: isTablet,

          isPhone: isPhone,

          isAndroid : isAndroid,

          isPc : isPc

    };

}();

使用方法

if(os.isAndroid || os.isPhone){

alert("-----");

}

方法四:

if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf("?mobile")<0){

try{

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

window.location.href="手机页面";

}elseif(/iPad/i.test(navigator.userAgent)){

window.location.href="平板页面";

}else{

window.location.href="其他移动端页面"

            }

}catch(e){}

    }

}

方法五

//平台、设备和操作系统 

varsystem ={

win:false,

mac:false,

xll:false

}; 

//检测平台 

varp = navigator.platform;

system.win = p.indexOf("Win") ==0;

system.mac = p.indexOf("Mac") ==0;

system.x11 = (p =="X11") || (p.indexOf("Linux") ==0);

//跳转语句,如果是手机访问就自动跳转到caibaojian.com页面 

if(system.win||system.mac||system.xll){

}else{

window.location.href="http://caibaojian.com";



方法六

functionis_mobile(){

varregex_match =/(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;

varu = navigator.userAgent;

if(null== u) {

returntrue;

  }

varresult = regex_match.exec(u);

if(null== result) {

returnfalse

}else{

returntrue

  }

}

if(is_mobile()) {

document.location.href='http://caibaojian.com';//修改http://caibaojian.com为你所需跳转目标页地址

}

方法7 百度webapp版

<!---识别手机或电脑的js开始--->

(function(){

varres = GetRequest();

varpar = res['index'];

if(par!='gfan'){

varua=navigator.userAgent.toLowerCase();

varcontains=function(a, b){

if(a.indexOf(b)!=-1){returntrue;}

        };

//将下面的http://caibaojian.com改成你的wap手机版页面地址 如我的 http://caibaojian.com

vartoMobileVertion =function(){

window.location.href ='http://caibaojian.com/'

        }

if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){returnfalse}

if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))

||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}

    }

})();

functionGetRequest(){

varurl = location.search;//获取url中"?"符后的字串

vartheRequest =newObject();

if(url.indexOf("?") !=-1) {

varstr = url.substr(1);

strs = str.split("&");

for(vari =0; i < strs.length; i ++) {

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

      }

  }

returntheRequest;

}

js判断客户端是pc端还是移动端

Js判断客户端是否为PC还是手持移动设备

方法一

function IsPC(){ 

    var userAgentInfo = navigator.userAgent;

    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 

    var flag = true; 

for (var v = 0; v

if(userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }

    } 

    return flag; 

  }

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {

    //alert(navigator.userAgent); 

    window.location.href ="iPhone.html";

} else if (/(Android)/i.test(navigator.userAgent)) {

    //alert(navigator.userAgent);

    window.location.href ="Android.html";

} else {

    window.location.href ="pc.html";

};

方法二

var browser={

    versions:function(){

          var u = navigator.userAgent, app = navigator.appVersion;

          return {//移动终端浏览器版本信息

                trident: u.indexOf('Trident') > -1, //IE内核

                presto: u.indexOf('Presto') > -1, //opera内核

                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端

                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器

                iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器

                iPad: u.indexOf('iPad') > -1, //是否iPad 

                webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部

                weixin: u.indexOf('MicroMessenger') > -1, //是否微信

                qq: u.match(/\sQQ/i) == " qq" //是否QQ

            };

        }(),

        language:(navigator.browserLanguage || navigator.language).toLowerCase()

}

  if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||

  browser.versions.iPhone || browser.versions.iPad){ 

  window.location = "http://m.zhaizhainv.com";

  }

方法三: 摘自im- qq

var os = function() {

    var ua = navigator.userAgent,

    isWindowsPhone = /(?:Windows Phone)/.test(ua),

    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,

    isAndroid = /(?:Android)/.test(ua),

    isFireFox = /(?:Firefox)/.test(ua),

    isChrome = /(?:Chrome|CriOS)/.test(ua),

    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),

    isPhone = /(?:iPhone)/.test(ua) && !isTablet,

    isPc = !isPhone && !isAndroid && !isSymbian;

    return {

          isTablet: isTablet,

          isPhone: isPhone,

          isAndroid : isAndroid,

          isPc : isPc

    };

}();

使用方法

if(os.isAndroid || os.isPhone){

alert("-----");

}

方法四:

if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf("?mobile")<0){

try{

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

window.location.href="手机页面";

}elseif(/iPad/i.test(navigator.userAgent)){

window.location.href="平板页面";

}else{

window.location.href="其他移动端页面"

            }

}catch(e){}

    }

}

方法五

//平台、设备和操作系统 

varsystem ={

win:false,

mac:false,

xll:false

}; 

//检测平台 

varp = navigator.platform;

system.win = p.indexOf("Win") ==0;

system.mac = p.indexOf("Mac") ==0;

system.x11 = (p =="X11") || (p.indexOf("Linux") ==0);

//跳转语句,如果是手机访问就自动跳转到caibaojian.com页面 

if(system.win||system.mac||system.xll){

}else{

window.location.href="http://caibaojian.com";



方法六

functionis_mobile(){

varregex_match =/(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;

varu = navigator.userAgent;

if(null== u) {

returntrue;

  }

varresult = regex_match.exec(u);

if(null== result) {

returnfalse

}else{

returntrue

  }

}

if(is_mobile()) {

document.location.href='http://caibaojian.com';//修改http://caibaojian.com为你所需跳转目标页地址

}

方法7 百度webapp版

<!---识别手机或电脑的js开始--->

(function(){

varres = GetRequest();

varpar = res['index'];

if(par!='gfan'){

varua=navigator.userAgent.toLowerCase();

varcontains=function(a, b){

if(a.indexOf(b)!=-1){returntrue;}

        };

//将下面的http://caibaojian.com改成你的wap手机版页面地址 如我的 http://caibaojian.com

vartoMobileVertion =function(){

window.location.href ='http://caibaojian.com/'

        }

if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){returnfalse}

if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))

||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}

    }

})();

functionGetRequest(){

varurl = location.search;//获取url中"?"符后的字串

vartheRequest =newObject();

if(url.indexOf("?") !=-1) {

varstr = url.substr(1);

strs = str.split("&");

for(vari =0; i < strs.length; i ++) {

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

      }

  }

returntheRequest;

}

JS判断是PC还是手机打开不同页面

一个是媒体查询,但是这个只能判断尺寸,并不能判断是不是移动设备。 再用就是使用js控制 /** * 判断是够是pc设备 */ function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Windows Ph...

JS判断是PC还是手机打开不同页面

一个是媒体查询,但是这个只能判断尺寸,并不能判断是不是移动设备。 再用就是使用js控制 /** * 判断是够是pc设备 */ function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Windows Ph...

js判断是移动端还是pc端

function IsPC()

{

var userAgentInfo = navigator.userAgent;

var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");

var flag = true;

for (var v = 0; v < Agents.length; v++) {

if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }

}

return flag;

}

怎么用js判断是pc端还是手机端

<%-- 手机端电脑端判断--%>
<script type="text/javascript">
$(document).ready(function () {
//平台、设备和操作系统
var system = {
win: false,
mac: false,
xll: false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if (system.win || system.mac || system.xll) {//转向后台登陆页面
window.location.href = "index.html";
} else {
window.location.href = "HomeIndex.aspx";//手机
}
});

</script>

怎么用js判断是pc端还是手机端

<%-- 手机端电脑端判断--%>
<script type="text/javascript">
$(document).ready(function () {
//平台、设备和操作系统
var system = {
win: false,
mac: false,
xll: false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if (system.win || system.mac || system.xll) {//转向后台登陆页面
window.location.href = "index.html";
} else {
window.location.href = "HomeIndex.aspx";//手机
}
});

</script>

JS辨别访问浏览器判断是android还是ios系统

1、通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:

2、检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等:

使用方法:

检测浏览器语言:

3、判断iPhone|iPad|iPod|iOS|Android客户端:

4、判断pc还是移动端:

如何用js判断是用电脑访问还是用手机访问网站

这里有两种比较简单的方法可以使用:
解决方案一
<script type="text/javascript">
//判断是否移动端访问
browserRedirect();
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
//window.location.href = "http://gz.gzwhir.com/jpcg201409177619/index.aspx";
}
}
</script>

解决方案二
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你的手机版网址");</script>

如何用js判断是用电脑访问还是用手机访问网站

这里有两种比较简单的方法可以使用:
解决方案一
<script type="text/javascript">
//判断是否移动端访问
browserRedirect();
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
//window.location.href = "http://gz.gzwhir.com/jpcg201409177619/index.aspx";
}
}
</script>

解决方案二
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你的手机版网址");</script>

JS怎么判断客户端类型

这次给大家带来JS怎么判断客户端类型,JS判断客户端类型的注意事项有哪些,下面就是实战案例,一起来看一下。

前言

我们在写响应式布局的时候,总要考虑是否是移动端,基于这个这里总结了4种方法判断客户端是否是ios或者android。分享出来供大家参考学习,下面随着小编来一起看看详细的介绍吧。

方法如下:

1. 第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端

User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User

Agent也简称UA。它是一个特殊字符串头,是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标

识,用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计;例如用手机访问谷歌和电脑访问是不一样的,这些是谷歌根据访问者的

UA来判断的。UA可以进行伪装。

浏览器的UA字串的标准格式:浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识版本信息。但各个浏览器有所不同。

代码如下:

<script type="text/javascript">

var u = navigator.userAgent;

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

alert('是否是Android:'+isAndroid);

alert('是否是iOS:'+isiOS);

</script>

2. 第二种:检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等。

2.1 代码如下:

<script type="text/javascript">

//判断访问终端

var browser={

versions:function(){

var u = navigator.userAgent,

app = navigator.appVersion;

return {

trident: u.indexOf('Trident') > -1, //IE内核

presto: u.indexOf('Presto') > -1, //opera内核

webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核

mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端

ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端

iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器

iPad: u.indexOf('iPad') > -1, //是否iPad

webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部

weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)

qq: u.match(/sQQ/i) == " qq" //是否QQ

};

}(),

language:(navigator.browserLanguage || navigator.language).toLowerCase()

}

</script>

2.2 使用方法

/判断是否IE内核

if(browser.versions.trident){ alert("is IE"); }

//判断是否webKit内核

if(browser.versions.webKit){ alert("is webKit"); }

//判断是否移动端

if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }

2.3 检测浏览器语言

currentLang = navigator.language; //判断除IE外其他浏览器使用语言

if(!currentLang){//判断IE浏览器使用语言

currentLang = navigator.browserLanguage;

}

alert(currentLang);

3. 判断iPhone|iPad|iPod|iOS|Android客户端

代码如下:

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS

//alert(navigator.userAgent);

window.location.href ="iPhone.html";

} else if (/(Android)/i.test(navigator.userAgent)) { //判断Android

//alert(navigator.userAgent);

window.location.href ="Android.html";

} else { //pc

window.location.href ="pc.html";

};

4. 判断pc还是移动端

代码如下:

<script>

??//判断是否手机端访问

var userAgentInfo = navigator.userAgent.toLowerCase();

var Agents = ["android", "iphone",

"symbianos", "windows phone",

"ipad", "ipod"];

var ly=document.referrer; //返回导航到当前网页的超链接所在网页的URL

for (var v = 0; v < Agents.length; v++) {

if (userAgentInfo.indexOf(Agents[v]) >= 0&&(ly==""||ly==null)) {

this.location.href='http://m.***.com'; //wap端地址

}

}

</script>

5. 常用跳转代码

看代码

<script type="text/javascript">

// borwserRedirect

(function browserRedirect(){

var sUserAgent = navigator.userAgent.toLowerCase();

var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';

var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';

var bIsMidp = sUserAgent.match(/midp/i) == 'midp';

var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';

var bIsUc = sUserAgent.match(/ucweb/i) == 'web';

var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';

var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';

var bIsAndroid = sUserAgent.match(/android/i) == 'android';

var pathname = location.pathname

if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){

window.location.href = 'http://m.geekjc.com'+pathname; //wap端地址

}

})();

</script>相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

webpack怎么提取第三方库

webpack+express的多页站点开发实现步骤

vue-cli+webpack怎样搭建vue开发环境

js如何判断用户是在PC端和还是移动端访问

屏蔽PC端访问

<script type="text/javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ window.location.href="pc端访问的链接"; }else{ }</script>

替换代码中的链接既可。

推荐学习:JavaScript

js如何判断用户是在PC端和还是移动端访问

屏蔽PC端访问

<script type="text/javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ window.location.href="pc端访问的链接"; }else{ }</script>

替换代码中的链接既可。

推荐学习:JavaScript

如何判断移动端和pc端加载不同js

一个是媒体查询,但是这个只能判断尺寸,并不能判断是不是移动设备。

再用就是使用js控制

    /**

     * 判断是够是pc设备

     */

    function IsPC() {

        var userAgentInfo = navigator.userAgent;

        var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];

        var flag = true;

        for (var v = 0; v < Agents.length; v++) {

            if (userAgentInfo.indexOf(Agents[v]) > 0) {

                flag = false;

                break;

            }

        }

        if(window.screen.width>=768){

             flag = true;

        }

        return flag;

    }

js如何判断用户是在PC端和还是移动端访问

/**

     *判断是否是通过手机访问

     */

    public static function isMobile() {

        // 如果有HTTP_X_WAP_PROFILE则一定是移动设备

        if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) {

            return true;

        }

        //如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息

        if (isset($_SERVER['HTTP_VIA'])) {

            //找不到为flase,否则为true

            return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;

        }

        //判断手机发送的客户端标志,兼容性有待提高

        if (isset($_SERVER['HTTP_USER_AGENT'])) {

            $clientkeywords = array('nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp',

                    'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu',

                    'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm', 'operamini', 'operamobi',

                    'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile');

            // 从HTTP_USER_AGENT中查找手机浏览器的关键字

            if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {

                return true;

            }

        }

        //协议法,因为有可能不准确,放到最后判断

        if (isset($_SERVER['HTTP_ACCEPT'])) {

            // 如果只支持wml并且不支持html那一定是移动设备

            // 如果支持wml和html但是wml在html之前则是移动设备

            if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {

                return true;

            }

        }

        return false;

    }

软文情感网还为您提供以下相关内容希望对您有帮助:

js判断客户端是pc端还是移动端

if(os.isAndroid || os.isPhone){ alert("---");} 方法四:if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|...

如何用js判断是用电脑访问还是用手机访问网站

解决方案一 //判断是否移动端访问 browserRedirect();function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUse...

怎么用js判断是pc端还是手机端

&lt;%-- 手机端电脑端判断--%&gt; (document).ready(function () { //平台、设备和操作系统 var system = { win: false,mac: false,xll: false };//检测平台 var p = navigator.platform;system.win = p.indexOf(...

JS判断是PC还是手机打开不同页面

本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码,分享给大家供大家参考,具体内容如下 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion;...

如何判断移动端和pc端加载不同js

一个是媒体查询,但是这个只能判断尺寸,并不能判断是不是移动设备。再用就是使用js控制 /** * 判断是够是pc设备 */ function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = [...

js判断是移动端还是pc端

function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");var flag = true;for (var v = 0; v &lt; Agents....

js如何判断用户是在PC端和还是移动端访问

思路:根据请求来进行判断用户的客户端,从而进行选择访问方法。代码及注释如下: &lt;!-- //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad:false }; //...

JS辨别访问浏览器判断是android还是ios系统

1、通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:2、检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等:使用方法:检测浏览器语言:3、判断iPhone|iPad|iPod|iOS|Android客户端:4、判断...

JS判断客户端是PC还是移动端

我这只拿第一个做事例!第三就是你的手机站用到缩略图的话,要加上你的PC站域名,这就在模板里面加就好了,在调用缩略图的时候前面写上PC站的域名,因为图片上传不会传到你的手机站目录下,只能这样做!

jQuery判断浏览器是移动端还是电脑端自动跳转

判断是pc端还是移动端,网页跳转 用js指令码直接判断就好了。 var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 读《杜工部集》二首的全文 读《杜工部集》二首的全文是什么

    《读《杜工部集》二首》贯休全文:造化拾无遗,唯应杜甫诗。岂非玄域橐,夺得古人旗。日月精华薄,山川气概卑。古今吟不尽,惆怅不同时。甫也道亦丧,孤身出蜀城。彩毫终不撅,白雪更能轻。命薄相如命,名齐李白名。不知耒阳令,何以葬先生。

  • 读《杜工部集》二首的全文是什么

    《读《杜工部集》二首》贯休全文:造化拾无遗,唯应杜甫诗。岂非玄域橐,夺得古人旗。日月精华薄,山川气概卑。古今吟不尽,惆怅不同时。甫也道亦丧,孤身出蜀城。彩毫终不撅,白雪更能轻。命薄相如命,名齐李白名。不知耒阳令,何以葬先生。

  • 读《杜工部集》二首的全文

    《读《杜工部集》二首》贯休全文:造化拾无遗,唯应杜甫诗。岂非玄域橐,夺得古人旗。日月精华薄,山川气概卑。古今吟不尽,惆怅不同时。甫也道亦丧,孤身出蜀城。彩毫终不撅,白雪更能轻。命薄相如命,名齐李白名。不知耒阳令,何以葬先生。

  • 读《杜工部集》二首全文

    《读《杜工部集》二首》贯休全文:造化拾无遗,唯应杜甫诗。岂非玄域橐,夺得古人旗。日月精华薄,山川气概卑。古今吟不尽,惆怅不同时。甫也道亦丧,孤身出蜀城。彩毫终不撅,白雪更能轻。命薄相如命,名齐李白名。不知耒阳令,何以葬先生。

  • 读《杜工部集》二首的朝代是什么

    《读《杜工部集》二首》贯休朝代:唐代

Top