当前位置:   article > 正文

js识别当前设备是pc端 | 移动端 | pad端_js判断是否为ipad

js判断是否为ipad

项目开发中很多时候会遇到要求系统既要在pc中运行也可以在手机上访问的需求,这是时候就需要判断一下系统运行的平台来做页面适配。

 在main.js中添加如下代码

  1. (function identifyDevicePlatform() {
  2. var os = function () {
  3. var ua = navigator.userAgent,
  4. isWindowsPhone = /(?:Windows Phone)/.test(ua),
  5. isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
  6. isAndroid = /(?:Android)/.test(ua),
  7. isFireFox = /(?:Firefox)/.test(ua),
  8. isChrome = /(?:Chrome|CriOS)/.test(ua),
  9. isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) ||
  10. (isFireFox && /(?:Tablet)/.test(ua)),
  11. isPhone = /(?:iPhone)/.test(ua) && !isTablet,
  12. isPc = !isPhone && !isAndroid && !isSymbian;
  13. return {
  14. isTablet: isTablet,
  15. isPhone: isPhone,
  16. isAndroid: isAndroid,
  17. isPc: isPc
  18. };
  19. }();
  20. console.log('os', os)
  21. if (os.isAndroid || os.isPhone) {
  22. // 手机
  23. console.log("---------手机");
  24. } else if (os.isTablet) {
  25. // 平板
  26. console.log("---------平板");
  27. } else if (os.isPc) {
  28. // 电脑
  29. console.log("---------电脑");
  30. }
  31. })();

 

把识别的平台保存在vuex中,在需要用的页面直接取即可

转载:

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/321044
推荐阅读
相关标签
  

闽ICP备14008679号