使用JS判断访问设备是电脑还是手机

这篇具有很好参考价值的文章主要介绍了使用JS判断访问设备是电脑还是手机。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、前言

有时在编写前端页面视图时,需要根据用户不同的访问设备(手机或电脑)对页面设置不同显示样式或跳转到不同的页面。可以使用JS代码获取Navigator对象的userAgent属性,通过对该属性值的分析就可以知道当前访问的设备是电脑还是手机。

一些常用设备访问时返回的userAgent属性如下:

访问设备 返回userAgent属性值
Win10电脑 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36 Edg/91.0.864.37
iphone手机 Mozilla/5.0 (iPhone; CPU iPhone OS 14_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Mobile/15E148 Safari/604.1
安卓手机     Mozilla/5.0 (Linux; Android 9; PAR-AL00; HMSCore 5.3.0.312; GMSCore 19.6.29) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.93 HuaweiBrowser/11.1.1.300 Mobile Safari/537.36
ipad平板 Mozilla/5.0 (iPad; CPU OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13G36 Safari/601.1

我们发现手机或平板的userAgent属性值里都有“Mobile”字符串,通过判断userAgent属性值是否包含“Mobile”就可以确定访问设备是电脑还是手机。文章来源地址https://www.toymoban.com/news/detail-719000.html

二、JS代码

function IsPC(){
    //获取浏览器navigator对象的userAgent属性(浏览器用于HTTP请求的用户代理头的值)
    var info = navigator.userAgent;
    //通过正则表达式的test方法判断是否包含“Mobile”字符串
    var isPhone = /mobile/i.test(info);
    //如果包含“Mobile”(是手机设备)则返回true
    return isPhone
}

到了这里,关于使用JS判断访问设备是电脑还是手机的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js判断一个链接是图片还是视频

    要判断一个链接是图片还是视频,可以通过链接的文件扩展名来进行判断。常见的图片文件扩展名包括 .jpg 、 .jpeg 、 .png 、 .gif 等,而常见的视频文件扩展名包括 .mp4 、 .avi 、 .mov 、 .wmv 等。 你可以使用JavaScript中的字符串操作方法来提取链接的文件扩展名,并进行判断。以

    2024年02月05日
    浏览(46)
  • js判断是否手机模式

     

    2023年04月17日
    浏览(54)
  • 美国初创公司Rabbit推出口袋AI设备R1;吴恩达课程:使用LangChain.js构建强大的JavaScript应用

    🦉 AI新闻 🚀 美国初创公司Rabbit推出口袋AI设备R1,短时间内被抢购一空 摘要 :美国初创公司Rabbit在CES 2024上发布了口袋AI设备R1,这款设备在一天内被抢购一空,售价为199美元。R1具有小巧玲珑的触屏、摄像头和交互滚轮按钮,搭载Rabbit自主研发的操作系统rabbitOS和大型操作

    2024年01月18日
    浏览(46)
  • 用 JavaScript 检测键盘大写锁定键的状态 - JS 判断大写锁定

    用户在输入密码的时候,由于看不到输入的字母,这时如果 Caps Lock 大写锁定键打开,会给用户造成不必要的困扰。让我们看看如何使用JavaScript检测大写锁定。 KeyboardEvent 上有一个名为 getmodifierState 的方法,我们可以使用它来执行此操作。这可以在键盘相关事件的事件侦听器

    2024年02月20日
    浏览(63)
  • 手机连接电脑后资源管理器无法识别(识别设备但无法访问文件)

    小米8刷了pixel experience系统,今天用电脑连接后无法访问手机文件,但是手机选择了usb传输模式为文件传输 在设备和打印机页面中右键选择属性 点击改变设置 卸载驱动,注意勾选删除设备的驱动程序软件 卸载后重新连接手机,电脑弹出希望对设备进行什么操作时选择文件传输选项

    2024年02月22日
    浏览(62)
  • 安卓手机怎么运行js脚本,手机的javascript怎么开

    大家好,小编为大家解答手机怎么启用javascript功能的问题。很多人还不知道安卓手机怎么运行js脚本,现在让我们一起来看看吧!         最近在研究c++与JavaScript的交互,有朋友问我安卓怎样与JavaScript交互,今天找到一个之前写的小demo,实现的是安卓webview里面的JavaScript和

    2024年01月23日
    浏览(48)
  • 【JavaScript】JS能力测试题:数组扁平化 | 判断质数 | 获取字符串的长度

    💎个人主页: 阿选不出来 💎个人简介: 大三学生,热爱Web前端,随机掉落学习碎片 💎目前开发的专栏: JS 🍭Vue🍭React🍭 💎祝愿今天的你比昨天更加博识了! 题目描述 请补全JavaScript代码,要求将数组参数中的多维数组扩展为一维数组并返回该数组。 注意: 数组参数中仅

    2024年02月07日
    浏览(54)
  • JavaScript实现点击复制(JS访问剪贴板相关)

    一、具体代码 ​ 网页前端开发中有时会出现这样的场景:让用户点击某个按钮,然后就能直接复制对应的文本内容,让用户可以将文本内容粘贴到想要粘贴的地方,常用于分享功能模块中。如果想要实现这种效果就需要我们去访问用户的剪贴板,然后把想要复制的内容写入

    2024年02月11日
    浏览(38)
  • php判断是ios手机还是安卓手机

    可以使用PHP中的 $_SERVER[\\\'HTTP_USER_AGENT\\\'] 全局变量来判断用户的设备类型。根据不同的设备类型,可以判断是iOS手机还是安卓手机。 下面是一个示例代码: 请注意, $_SERVER[\\\'HTTP_USER_AGENT\\\'] 并不是可靠的方式 ,因为用户代理字符串可以被伪造。因此,在实际应用中,建议使用更可

    2024年02月16日
    浏览(48)
  • VUE前端判断是电脑端还是移动端

    ruoyi框架,前后端分离。现在要在用户访问的时候根据不同的设备跳转到不同的登录页面。 修改src/router/index.js,在这里增加自己的要跳转的页面 在白名单中添加自己的登录页面 增加以下识别的代码 -----华丽的分割线,以下是凑字数,大家不用花时间看,快去改代码----- ---

    2024年04月18日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包