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

喜欢ヅ旅行 2022-10-24 05:54 323阅读 0赞

方法一

  1. function IsPC() {
  3. var userAgentInfo = navigator.userAgent;
  5. var Agents = ["Android", "iPhone",
  7. "SymbianOS", "Windows Phone",
  9. "iPad", "iPod"];
  11. var flagPc = true;
  13. for (var v = 0; v < Agents.length; v++) {
  15. if (userAgentInfo.indexOf(Agents[v]) > 0) {
  17. flagPc = false;
  19. break;
  21. }
  23. }
  25. return flagPc;
  27. }
  31. var flagZt = IsPC();
  33. //console.log(flag) //true为PC端，false为手机端

方法二

  1. var system = {};
  3. var p = navigator.platform;
  5. console.log(p);
  7. document.getElementById("test2").innerHTML = p;
  9. system.win = p.indexOf("Win") == 0;
  11. system.mac = p.indexOf("Mac") == 0;
  13. if (system.win || system.mac) {//如果是电脑
  15. console.log('pc');
  17. } else { //如果是手机,
  19. console.log('移动端');
  21. }

总结

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

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

这两者结合一下 才是最方便的 个人推荐方法二

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

备注：

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

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

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

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

发表评论

表情：
评论列表 （有 0 条评论，323人围观）

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

相关阅读