JS 判断是 手机端 还是PC端

最新推荐文章于 2024-04-21 23:16:03 发布
最新推荐文章于 2024-04-21 23:16:03 发布
阅读量86 收藏
点赞数
分类专栏： js 前端 文章标签： javascript vue.js html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40509733/article/details/117324026
版权
前端 同时被 2 个专栏收录
36 篇文章 0 订阅
订阅专栏
js
25 篇文章 1 订阅
订阅专栏
这段代码用于检测用户的设备类型，如果用户使用的是iPhone、iPad、iPod或运行iOS或Android系统的设备，它将打印'是手机'，否则打印'不是手机'。这个功能在针对不同平台优化网页体验时非常有用。
摘要由CSDN通过智能技术生成

if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {

            console.log('是手机');

        }else{

          console.log('不是手机');

        }

js中判断是PC端还是手机端
喵咪不爱吃鱼的博客
11-16 2874
//获取浏览器类型var ua = navigator.userAgent;//手机型号var mm = ['iPhone', 'iPad', 'iPod', 'Nexus', 'BenQ-Siemens', 'Meizu', 'Xiaomi', 'BlackBerry', 'CoolPad', 'Dell', 'HTC', 'Huawei', 'Kindle', 'K-Touch', 'Lenov
vue 横向滚动条 实现点击 元素滚动可视区域居中 效果
qq_40509733的博客
12-23 3881
模拟vant的Tab标签页的标签滚动效果 效果：选中元素，在滚动条的可视区域里面自动居中，头尾两端不用居中 vant效果：https://youzan.github.io/vant/#/zh-CN/tab start() { /** * 1)先让选中的元素滚到可视区域的最左边 scrollLeft * 2)接着向右移动容器一半的距离 containWidth / 2 * 3)最后向左移动item一半的距离 offsetWi...
js判断手机端和pc端
热门推荐
qq_43654065的博客
09-18 1万+
Navigator对象： navigator对象包含有关浏览器的所有信息，且支持所有浏览器。 navigator对象有一个属性为userAgent，这是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否包含某些值来判断。如下为userAgent的打印值。 方法一： function IsPC(){ var userAgentInfo = navigator.userAgent; var Ag
javascript 判断 前端 是 pc端 还是 移动端
weixin_44493841的博客
02-25 483
javascript 判断 前端 是 pc端 还是 移动端 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>title</title> </head> &l
js判断是手机端还是PC端访问
梦华空影的博客
12-13 1502
<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "i
vue页面，判断是PC端还是手机端
最新发布
小李在努力学习
04-21 407
vue页面，判断是PC端还是手机端。
JS判断手机端还是PC端
04-30
JS判断客户端是否是手机还是PC、直接放入自己的代码里即可使用。
js判断是PC端还是手机端
wfly blog
02-03 481
var _$=["Win", "Mac", "X11", "http://xw.qq.com"]; var is_win=navigator["platform"]["indexOf"](_$[0])==0; var is_mac=navigator["platform"]["indexOf"](_$[1])==0; var is_x11=(navigator["platform"]==_$[2]); if(is_win==1||is_mac==1||is_x11==1){ loca.
JS判断是PC端还是手机端
cjchuchu1121的专栏
06-11 161
JS中判断当前环境是PC端还是手机端，以确定点击事件用哪个方法；   //事件的名称 var clickOrT = ''; var system ={ win : false, mac : false, xll : false }; //检测平台 ...
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口，它提供了有关浏览器和设备的信息。在这个对象中，我们...
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
10-15
在学习和工作中，使用JavaScript（JS）来判断浏览器的环境是一种常见的需求。这涉及到检测当前用户是通过PC端、移动端还是微信浏览器访问网站。通过不同的环境来调整网站的布局、功能或是用户体验，对于Web开发而言...
css 子元素覆盖父元素内边框阴影 解决办法
qq_40509733的博客
06-16 2335
父元素用添加伪类元素方法 添加一个阴影样式 定位到父元素上方 代码： .parent::after{ content:''; position:absolute; left:rem(0); right:rem(0); top:rem(0); bottom:rem(0); border-radius:8px...
Vue 动态获取元素高度
qq_40509733的博客
12-07 2150
getTitleHeight() { this.$nextTick(function () { this.contentHeight = document.getElementsByClassName("topColumn")[0].clientHeight; console.log(this.contentHeight); //元素高度 }) }, ...
H5 移动端 ui图字号小于12px字号 解决办法
qq_40509733的博客
05-20 2134
很多时候 ui图上会根据同一个区域根据不同字数来设置不同的字体大小，有时候会出现设计图字号小于移动端最小字号的问题。即使设置了小子号也不会缩小 解决办法！使用缩放！！！ 代码： transform: scale(.8); //缩放比例 transform-origin: left; //缩放中心点，默认是center 以中心点缩放 ...
js 控制容器 滚动条 距顶部 距离
qq_40509733的博客
12-16 1352
//滚动条 到底 scroll() { this.$nextTick(() => { setTimeout(() => { console.log('滚动'); let scrollTop = this.$el.querySelector(".body"); console.log('...
vue 移动端 图片超出限制 以长边缩放图片
qq_40509733的博客
12-15 1346
//缩放图片 smallImg: function (w, h) { let maxW = 272, //图片的最大限制宽 maxH = 290, //图片最大限制高 nowW = Number(w), //当前图片宽 nowH = Number(h), //当...
css伪类元素 添加 选中下划线 自定义长度
qq_40509733的博客
02-10 1002
.actived::after { content: ''; position: absolute; width: rem(49); // 边框的宽度 height: rem(6); border-radius: rem(3); left: 50%; //距离 view 标签的距离 bottom: rem(-8); ...
js 处理 url 转换blob 浏览器下载
qq_40509733的博客
03-02 962
function xhrequest(callback) { let url ="https://img-blog.csdnimg.cn/20210618103325153.png"; //文件地址 let data = await fetch(url) .then((response) => response.blob()) .then((res) => { console.log...
小程序iphonex全面屏/非全面屏 fixed 固定底部兼容问题
qq_40509733的博客
08-24 839
position:fixed; left:0; //不完全固定底部 bottom:calc(20rpx（距底部高度） +constant(safe-area-inset-bottom)); bottom:calc(20rpx（距底部高度）+env(safe-area-inset-bottom)); //完全固定底部 //bottom:constant(safe-area-inset-bottom); //bottom:env...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值