方法一

function IsPC() {var userAgentInfo = navigator.userAgent;var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"];var flagPc = true;for (var v = 0; v < Agents.length; v++) {if (userAgentInfo.indexOf(Agents[v]) > 0) {flagPc = false;break;}}return flagPc;}var flagZt = IsPC();//console.log(flag) //true为PC端，false为手机端

方法二

var system = {};var p = navigator.platform;console.log(p);document.getElementById("test2").innerHTML = p;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;if (system.win || system.mac) {//如果是电脑console.log('pc');} else { //如果是手机,console.log('移动端');}

方法三

区分移动端：

export const isMobile = () => {return /(iPhone|iPad|iPod|iOS|Android|Linux armv8l|Linux armv7l|Linux aarch64)/i.test(navigator.platform);
};

区分PC端：

var system = {};
system.pingtai = /(Win32|Win16|WinCE|Mac68K|MacIntel|MacIntel|MacPPC|Linux mips64)/i.test(navigator.platform);
if (system.pingtai) {
//电脑
} else {
//手机
}

总结

方法一：是根据用户代理来判断是pc端还是移动端

方法二：是根据硬件平台来判断是pc端还是移动端

方法三：是根据硬件平台来判断是pc端还是移动端（更严谨了，但是要注意维护）

这两者结合一下才是最方便的个人推荐方法二，如果想更严谨就用方法三

如果是使用电脑浏览器然后f12选择移动端浏览，这个时候用户代理就会认为它是移动端，硬件平台识别的话，不管怎么切换，都是一个平台

备注：

windows电脑的硬件平台是显示：Win32

mac电脑的硬件平台是显示:Maclntel

安卓手机的硬件平台是显示：

在微信浏览器和手机自带浏览器：Linux aarch64

在uc浏览器：Linux armv8l

苹果手机的硬件平台是显示：iphone

自己测试的麒麟系统的硬件平台是显示：Linux mips64

别人测试的麒麟系统和统信系统的硬件平台是显示：Linux aarch64

参考链接：

H5 navigator.platform 属性值枚举以及使用场景__Dream maker的博客-CSDN博客

js判断设备是PC端还是移动端相关推荐

js判断客户端是PC端还是移动端访问
js判断客户端是PC端还是移动端访问方法一 (推荐) function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ne ...
js判断客户端是pc端还是移动端
Js判断客户端是否为PC还是手持移动设备方法一 function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = new A ...
js 判断设备及环境
1.判断设备环境是否为移动端 export const isMobile = () => {return !!navigator.userAgent.match(/AppleWebKit.*Mo ...
JS判断设备是手机端还是PC端，并加载不同的css/js文件
最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的. 所以这里需要通过Navigator userAgent 属性判断浏 ...
js判断当前是pc端、移动端、IE浏览器
是否是pc端. function isPc() {var userAgentInfo = navigator.userAgent;var Agents = ["Android", ...
js判断是否微信PC端打开内置浏览器
function isWeChat(){var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) ...
JS判断用户是PC端还是移动端进入
这个是转载的代码代码量少亲测可行很方便比心♥~~ function goPAGE() {if ((navigator.userAgent.match(/(phone|pad|pod|iPhon ...
js判断设备、浏览器类型
function getAppVersion(){ var browser = { versions: function () { var u = navigator.userAgent, app = ...
JS判断是苹果系统(ios)还是安卓系统(Android)或者PC端
前言今天看到一道面试题,JS判断是否是苹果系统(ios)和安卓系统(Android)客户端,一下就涉及到自己的知识盲区,赶紧亡羊补牢一下.顺便在拓展一下是pc还是移动端?pc端的话,又是在什么浏览器 ...
如何用js判断设备类型？
userAgent是HTTP请求中的用户标识,是能够代表客户端类型的字符串,比如浏览器类型操作系统等信息. console.log(navigator) console.log(navigator. ...

js判断设备是PC端还是移动端

总结

备注：

js判断设备是PC端还是移动端相关推荐

最新文章

热门文章