终端检测（检测用户浏览你网页时用电脑还是手机）

最新推荐文章于 2023-02-22 11:26:42 发布
最新推荐文章于 2023-02-22 11:26:42 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端学习笔记 文章标签： 终端检测 userAgent 检测电脑还是手机 navigator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42862614/article/details/90518947
版权

终端检测：检测用户浏览你网页时用电脑还是手机

实则是利用navigator中的userAgent属性来检测
我们来打印看看：
在这里插入图片描述
结果
在这里插入图片描述
我们来试试移动端
在这里插入图片描述
换个ipad试试
在这里插入图片描述
换个android试试
在这里插入图片描述
这样思路就出来了：我们可以利用正则判断是否含有字符串：Android iphone ipad ipod 来判断用户用的是什么设备（电脑还是手机）。 看下面完整代码

在这里插入图片描述

这是个简单的检测代码，具体的match方法和正则，不懂的小伙伴们自己百度啦。

大牧师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net 做的新闻网站_同时支持PC终端和移动终端
07-13
这个是我的毕设代码。是一个还可以的新闻网站。同时支持PC端和移动终端。其中PC端用SqlServer 做数据源。移动终端用XML文件做数据源。实现在不同终端的新闻的添加、删除和管理。 其中PC端用IE浏览器来模拟的，移动终端是用Opera浏览器来模拟的。即用Opera浏览器来打开主页就进入移动终端的网页。
Android终端测试-常用的ADB命令
三只耳的博客
04-14 2547
以下是平时积累的比较常用的Android设备ADB命令。一、☆查询类：查看电视信息：adb shell ----- getprop查询机器的featurecode：getprop|grep prefix验证apiversion是否与邮件中的一致：adb logcat -s VodHttpClient查看ADService版本号命令：adb shell --> dumpsys package ...
Web应用；手机终端测试方法
weixin_43828415的博客
02-22 876
作为一个移动端的应用，网络环境检测是必不可少的，我们要测试2G、3G、4G、有网、无网、弱网情况下的应用运行。应用后台运行，消息推送是否可以正常接收，当推送消息是针对登陆用户的时候，需要检查收到的推送内容与用户身份是否相符，没有错误地将其他人的消息推送过来；角色验证问题，比如：后台管理系统我们是有角色权限的，我们要验证每一个用户的权限是否正确，是否能够合理操作我们的系统。，比如项目需求文档、测试计划、测试方案、测试用例模板、之前的用例，这些前期资料，方便我们做下一步的测试。先把业务熟悉，再进行测试。
终端检测—检测移动端设备还是PC端设备
Smile林的博客
04-29 843
为什么要终端检测？ 页面跳转 加载相应资源 如何使用检测？ 使用navigator.userAgent来检测终端设备 console.log(navigator.userAgent); 这是pc端检测，不全部列举 判断是不是移动端，然后跳转到相应页面 // 切换Android、iPhone、iPad consol...
判断用户是手机还是电脑打开
weixin_45087036的博客
09-05 412
判断用户的机型 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { document.getElementById("ios").style.display="block"; } else if (/(Android)/i.test(navigator.userAgent)) { document.getElementBy...
智能手机型移动警务终端安全监控检测及工具简述.pdf
05-08
重点阐述智能手机型移动警务终端安全监控检测及工具等内容。移动4G网络技术的发展和智能手机的普及，大大提升了警务工作效率。但是移动警务终端在给公安信息化带来便利的同时也存在一些安全隐患。
检测终端类型
weixin_34372728的博客
09-16 122
js检测： var ua = navigator.userAgent.toLocaleLowerCase(); var isMobile = /iPhone|iPad|iPod|android|Windows Phone/ig.test(ua); console.log('终端类型是否为移动端:'+isMobile); Bowser检测： console.log('是否...
手机终端UA探测
weixin_34290000的博客
01-19 417
2019独角兽企业重金招聘Python工程师标准>>> ...
HTTP -- 终端测试工具
weixin_30588675的博客
04-19 164
https://github.com/jakubroztocil/httpie 转载于:https://www.cnblogs.com/mafeng/p/6731864.html
手机测试经验总结(软件和硬件测试方面)
04-24
从学校毕业后，第一份工作就是手机测试。初到公司我十分困惑，没有接受过系统的培训，对测试一无所知，既不知道该测试什么，也不知道如何开始测试。 我想涉足手机测试行业的你们，一样会遇到当初我遇到的过的问题，因此这次讲座就是给大家分享我在手机测试行业的成长过程，将我在手机测试过程中总结的一些经验介绍给大家。 希望今天的讲解，能够给初涉手机测试的你带来帮助。
Android手机扫描银行卡号自动识别
03-17
随着智能终端（智能手机及平板电脑）及移动通信（3G）的发展，原来运行在PC上的信息系统（如邮件系统、即时通信、网页浏览、协同办公、网络购物、社交网站、博客等）逐渐转移到智能终端设备上。可以预见未来几年60%...
JAVA上百实例源码以及开源项目
01-03
（1）提高文件的共享性（计算机程序和/或数据），（2）鼓励间接地（通过程序）使用远程计算机，（3）保护用户因主机之间的文件存储系统导致的变化，（4）为了可靠和高效地传输，虽然用户可以在终端上直接地使用它，...
图铭银行卡号识别
03-17
随着智能终端（智能手机及平板电脑）及移动通信（3G）的发展，原来运行在PC上的信息系统（如邮件系统、即时通信、网页浏览、协同办公、网络购物、社交网站、博客等）逐渐转移到智能终端设备上。可以预见未来几年60%...
智能停车场管理系统建设方案.doc
02-27
TCP/IP非接触式IC卡智能停车场管理系统是一套基于TCP/IP以太网技术的全自动化管 理系统,它充分融合了当今十分普及的互联网技术，集成了数字语音对讲、远程Web管理 等功能,使复杂的系统管理全在浏览网页的过程中轻松...
uniapp基础介绍
牧师的博客
11-22 2373
uni-app基础介绍
不定高垂直居中的三种方法
牧师的博客
01-05 2365
不定高垂直居中（核心代码） 1.display:table-cell + vertical-align:middle 父元素（.parent）设置display：table-cell 变成单元格，再设置vertical-align:middle （改属性可以作用于inline inline-block table何table-cell 元素） 该布局的优缺点： 优点：兼容性比较好（虽然tabl...
左边定宽，右边自适应布局的五种方法
牧师的博客
06-10 2155
需求：左右布局，左边定100px，右边自适应，中间20px间隙 下面为核心代码 1. float + margin 效果如下： 这布局结构简单易写，缺点是支持 ie7及以上的浏览器，ie6下会出现3px的问题，解决此问题请看第2中布局 。 2.float + margin + （fix） 效果如下： 此布局支持所有的浏览器，缺点是html结构多了点。 3. float + overf...
web移动端rem的适配
牧师的博客
05-20 1535
** 需求: 随着移动端设备的变化，内容也跟着变化。 ** 先来说说rem单位，以rem为单位，其大小是根据根元素（html标签）的字体大小来判断的，       如 html的font-size：100px； 子元素div 的width：2em； 等同于width：200px；（100 * 2），这就来思路了： 先以一个固定适配的htm...
在vmware终端用shell检测三角形
最新发布
06-08
在VMware终端中，您可以使用以下shell脚本来检测三角形： ``` #!/bin/bash echo "Enter the three sides of the triangle: " read a read b read c if (( $a == $b && $b == $c )) then echo "Equilateral ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值