JavaScript 判断当前设备是否是移动端还是PC

最新推荐文章于 2024-03-28 17:14:00 发布
最新推荐文章于 2024-03-28 17:14:00 发布
阅读量200 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发 javascript ViewUI
原文链接：http://www.cnblogs.com/luorende/p/9290038.html
本文介绍了一段简单的JavaScript代码，用于判断用户是通过移动端还是PC端访问网页。通过检测`navigator.userAgent`来实现这一功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
    alert('移动端')
}else {
　　alert('PC端')
}

转载于:https://www.cnblogs.com/luorende/p/9290038.html

Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）
前端开发大师鸭
06-27 7459
Vue-判断访问网页客户端设备是手机移动端还是PC电脑端（判断设备类型是否是移动端手机），vue,js利用navigator.userAgent判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端，vue判断是页面是手机端还是电脑端，vuejs判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当
PHP 判断是否为手机端访问
akypx02026的专栏
07-05 256
/* * 判断是否为手机端 */function check_wap(){ // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } //如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (is...
判断当前设备是移动端还是pc端
最新发布
zouyang920的博客
03-28 3733
首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。
判断设备是否为移动端
mosowe
05-15 625
if(navigator.userAgent.indexOf('iPhone') > -1 || navigator.userAgent.indexOf('Android') > -1){ console.log('移动设备'); } else { console.log('电脑') }
判断当前设备为移动端
weixin_44866262的博客
10-08 126
判断当前设备为移动端 /** * @description: 判断当前设备为移动端 * @param {*} * @return {*} */ isMobile () { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrows
基于VUE实现判断设备是PC还是移动端
10-15
在前端开发中，有时我们需要根据用户使用的设备类型来提供不同的界面体验，这通常涉及到判断设备是PC还是移动端。Vue.js，作为一个轻量级且强大的前端框架，提供了多种方式来实现这种设备判断。本文将详细介绍如何在...
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
11-30
总的来说，利用JavaScript的`navigator.userAgent`对象，我们可以准确地检测用户是使用PC、移动设备还是微信浏览器进行访问，并据此调整网页的行为和展示，提供更个性化的用户体验。在实际项目中，还可以结合其他...
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
为了适配不同的屏幕尺寸和设备特性，开发者需要能够区分访问网站的设备是移动设备还是桌面电脑（PC）。本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 ...
js判断设备是否是移动端
高先生的猫
04-09 615
const isMobile = () => 'ontouchstart' in window
js检测当前设备是移动端还是PC端
anzhenji7632的博客
08-08 266
加上下面js即可 硬核判断： <script type="text/javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = nav...
判断是不是移动设备
weixin_34184561的博客
05-07 146
// 判断是不是移动设备var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i) ? true : f...
js判断设备是否是移动端代码
weixin_33958366的博客
06-06 674
2019独角兽企业重金招聘Python工程师标准>>> ...
判断访问端是否是移动设备
weixin_30387663的博客
04-20 181
判断访问端是否是移动设备,如果是移动设备就重定向到，移动端界面。 var uri = location.href; var domainWap = "http://m.vmall.com"; if(uri == domainMain || uri == (domainMain + "/index.html") || uri == (domainMain + "/"...
判断页面是移动端还是PC端打开的，判断访问设备的类型（媒体查询）
weixin_42091247的博客
07-26 1785
如何判断页面是由移动端还是PC端打开的 如何判断页面是由移动端还是PC端打开呢，也就是说怎么判断访问设备的类型呢？ 1.媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。 2.通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。 复制代码 //判断是否是PC设备，true是，false不是 function IsPc(){ let userAgentInfo = navigator.userAgent; let Agents = [
js判断手机端还是电脑PC端(以及注意事项)
csdn_823的博客
11-09 968
js判断手机端还是电脑PC端(以及注意事项) - 哼着老调调 - 博客园
JS如何判断页面是在手机端还是在PC端打开的方法
qq_36926807的博客
07-12 3616
网站开发过程中总会碰到客户端是否是手机端还是PC端，那如何判断页面是在移动端还是PC端打开的呢？首先来了解一下Navigator 对象，Navigator 对象包含有关浏览器的信息，下面的userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断。看如下代码：if(/Android|...
js判断移动端还是pc端
热门推荐
刻痕
06-27 1万+
判断是否是pc端还是移动端，网络方案：方案一： 方案二： 方案三： 方案四： 拓展： 智能机浏览器版本信息: 是否是ipad： 判断浏览器是否为IE8以下 是否为IE 参考链接：https://www.cnblogs.com/T8888/p/14603164.html...
Next.js踩坑记录
weixin_33742618的博客
02-02 5372
几乎一整年没咋写文章，主要是懒，加上工作也挺忙。但是想趁着年底发一篇，希望明年更勤奋一点。其实不是没东西写，就是想深入一个东西还是很困难的，要查各种资料，最终还是懒就是了。 next.js是react的同构库，很多文章里把他当作一个脚手架，也不是不行，但是个人认为next.js比一般的脚手架能做的更多，但也有局限性。这两天下班回去实践了一下nextjs的开发。遇到一些坑，也有一些收获这里记录一下。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值