JS_JS判断打开页面是PC或H5

左手的ㄟ右手 2023-01-06 11:36 108阅读 0赞

# 方法一 #

const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile" : "Desktop"; 
    // Example 
    detectDeviceType(); // "Mobile" or "Desktop"

# 方法二 #

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) {  
    		console.log('手机端')
    		window.location.href= '手机站链接'; 
    	} else {  
    		console.log('电脑端')
    		window.location= 'PC站链接'; //亲测，如果是在PC的head中添加的话，此处为空！
    	} 
    } 
    
    browserRedirect();

# 方三 #

//平台、设备和操作系统
    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);
    //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面
    if(system.win||system.mac||system.xll){ 
    }else{ 
    window.location.href="手机站链接";
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关 js判断需要访问的页面在手机端还是PC端打开

法一：最原始写的是这样子，发现在手机端打开pc端网页时，是跳转到pc端的链接，但是这个时候移动端页面显示不出来，而且会延迟页面渲染时间 <script t...

「爱情、让人受尽委屈。」/ 2024年04月19日 16:01/ 0 赞/ 88 阅读

相关如何判断app中的页面是H5页面还是原生页面

1、通过下拉刷新(IOS和安卓) 如果下拉刷新页面的时候，页面有明显的刷新现象（比如闪一下），就证明是H5页面。 2、通过查看加载线(IOS和安卓) 打开页面时，

谁践踏了优雅/ 2023年07月01日 05:24/ 0 赞/ 26 阅读

相关判断是否是pc

js中判断当前是在手机端还是 pc端手机端打pc端网站跳到手机网站 pc端打手机端网站跳到pc网站 function IsPC() \{

叁歲伎倆/ 2023年02月26日 12:24/ 0 赞/ 26 阅读

相关 JS_JS判断打开页面是PC或H5

方法一 const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEM

左手的ㄟ右手/ 2023年01月06日 11:36/ 0 赞/ 109 阅读

相关教你判断一个APP页面是原生的还是H5页面

![format_png][] 刚好是周末，无意之间在收集相关资料的时候，发现有部分童鞋在问《如何判断一个APP页面是不是H5页面》或者是《如何判断app中原生页面和h

╰半橙微兮°/ 2023年01月02日 13:24/ 0 赞/ 230 阅读

相关 JS_h5页面判断移动端是ios还是Android

h5页面判断移动端是ios、或者Android var u = navigator.userAgent, app = navigator.appVersion

忘是亡心i/ 2022年08月30日 15:42/ 0 赞/ 251 阅读

相关 h5页面 pc端html 调用QQ群

很难找,在网上找了很久都没有找到,最终在群里问朋友,才找到这段代码.虽然代码不长,但是建议需要的朋友收藏一下.绝对有效! 移动端H5 QQ在线客服链接代码 <a h

本是古典何须时尚/ 2022年06月08日 13:00/ 0 赞/ 342 阅读

相关 pc调试微信h5页面

一、微信配置： 1.打开微信，设法打开网址 [http://debugx5.qq.com][http_debugx5.qq.com] （推荐直接把这个网址发给文件传输助手，

谁借莪１个温暖的怀抱￠/ 2022年05月15日 02:13/ 0 赞/ 861 阅读

相关前端H5用js判断页面在IOS，Android，微信，pc端打开的方法

// 判读是否是IOS打开 isIos: function () { var agent = navigator.userAgent; v

红太狼/ 2021年11月02日 17:34/ 0 赞/ 471 阅读

相关 php判断页面访问是移动端还是pc端

在使用浏览器发起的 HTTP 请求中，通常会包含一个识别标识。它名为 User Agent，简称 UA。它是一串包含了客户端基础信息的字符串。通过它可以方便的获取客户端的操作系

清疚/ 2021年09月30日 15:00/ 0 赞/ 564 阅读