JavaScript - 判断浏览器内的页面是在手机端还是电脑（PC）上打开的（判断用户访问设备是什么）

已于 2025-01-18 17:31:16 修改
阅读量1.6k 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： + JScript 文章标签： javascript 开发语言 vue.js navigator 前端
于 2022-08-22 09:38:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/126459375
+ JScript 专栏收录该内容
125 篇文章 ¥9.90 ¥99.00
订阅专栏
本文介绍如何通过JavaScript优雅地判断浏览器页面是在手机端还是PC端打开，提供了一个封装好的函数，利用navigator.userAgent获取用户代理信息，帮助开发者实现设备重定向或适配。

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

了解本专栏 订阅专栏 解锁全文
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）
资深程序员
06-27 7495
Vue-判断访问网页客户端设备是手机移动端还是PC电脑端（判断设备类型是否是移动端手机），vue,js利用navigator.userAgent判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端，vue判断是页面是手机端还是电脑端，vuejs判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当
JS判断手机端还是PC端
04-30
JS判断客户端是否是手机还是PC、直接放入自己的代码里即可使用。
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
10-15
主要介绍了js判断浏览器的环境（pc端，移动端，还是微信浏览器），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
js判断当前设备是否为移动端
最新发布
天心天地生的博客
05-27 352
本文提供了一个检测移动设备的JavaScript函数。该函数通过分析User-Agent、触控支持、微信环境等多个维度，准确识别手机、平板等移动设备。函数考虑了主流移动操作系统、触控特性、微信小程序WebView等场景，并特别处理了平板设备检测和PC微信的误判问题。最终通过组合多种条件判断，实现全面的移动端设备检测，为响应式布局提供可靠依据。
简单的利用JS来判断页面是在手机端还是在PC端打开的方法
chenglinquan的博客
03-05 945
window.location.href = /Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigato...
判断网页打开的是移动端还是PC端
dui845819593的博客
07-27 3612
这是React的CSS媒体查询（Mediaqueries）hook。它监听与CSS媒体查询的匹配的内容。它允许根据查询的结果是否匹配来渲染组件。
html网页判断手机还是电脑登陆进入
06-18 1万+
"text/javascript"> try{     if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {         window.location.href="mindex.html";     }else{         window.location.href="cindex.ht
js判断是手机访问还是电脑访问
08-22
js判断是手机访问还是电脑访问
使用js判断是手机访问还是电脑访问
vannesspeng的专栏
04-22 621
s中如何判断访问来路是电脑访问的，还是手机或者移动设备访问的？？ =============解决方案=============== function checkBrowser(){ var browser={       versions:function(){               var u = navigator.userAgent, app = na
JS判断是手机端还是PC端
cjw1231的博客
03-18 284
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs...
js判断客户端是手机端还是PC端
weixin_30687587的博客
01-21 352
封装函数： function isPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; f...
js 判断pc 还是移动端环境
qq_33240556的博客
05-30 4051
函数，通过检查几个关键的字符串来判断是否为移动设备的浏览器。请注意，这种方法不是100%准确，因为用户代理字符串可以被修改或者模拟，但在大多数情况下足够使用。在JavaScript中，判断当前环境是PC端还是移动端，可以通过检测用户代理字符串（User Agent）来进行简单的区分。更现代和准确的方法可能会考虑使用特性检测（feature detection）或者其他更高级的库来辅助判断，但上述代码对于基本的环境区分已经足够。这段代码首先定义了一个。
js判断是手机还是pc并调用不同css样式
07-18
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { [removed]('<link href="css/mobile.css" rel="stylesheet" type="text/css" media="screen" />'); }判断手机端访问调用的css
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口，它提供了有关浏览器和设备的信息。在这个对象中，我们...
判断页面是在手机端还是在PC端打开的两种方法
weixin_61006919的博客
11-12 6374
UA(UserAgent)是指HTTP请求头中的一部分，用于标识客户端的一些信息，比如用户的设备类型、浏览器型号等等。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。媒体查询是CSS3的一个新特性，可以根据不同的媒体类型（比如设备屏幕的宽度、高度、方向等）来设置不同的CSS样式。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站。需要注意的是，该方法只能判断设备的屏幕宽度，不能确定设备的真实类型，因此并不太准确。
判断是否为PC端浏览
shayne
10-25 464
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true
js判断手机端和pc端
热门推荐
qq_43654065的博客
09-18 1万+
Navigator对象： navigator对象包含有关浏览器的所有信息，且支持所有浏览器。 navigator对象有一个属性为userAgent，这是一个只读的字符串，声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否包含某些值来判断。如下为userAgent的打印值。 方法一： function IsPC(){ var userAgentInfo = navigator.userAgent; var Ag
如何使用js 判断在pc打开还是手机
weixin_45776545的博客
07-23 1939
另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。不过，由于设备和操作系统的多样性，这个列表可能并不完整。这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于。
网页访问，js判断是电脑访问还是手机访问
秦秋雨的专栏
03-29 850
<script type="text/javascript"> var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端开发大师鸭

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值