如何使用JS来判断设备是pc还是移动？

最新推荐文章于 2024-07-23 16:33:08 发布
最新推荐文章于 2024-07-23 16:33:08 发布
阅读量395 收藏
点赞数
文章标签： 前端 响应式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38619931/article/details/80159516
版权

方法一：纯 JS 判断

使用这方法既简单，又实用，不需要引入 jQuery 库，把以下代码加入到 <head> 里即可。

  1. <script type=”text/javascript”>
  2. if(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase())){
  3. window.location = “mobile.html”; //可以换成 http 地址
  4. }
  5. </script>

方法二：使用 Device.Js 库

device.js 是一个用于检查设备用的插件，使用它你可以很方便的判断设备的操作系统，以及设备是纵向还是横向。

首先，我们下载 Device.js，并引入 Device.js 文件。

STEP 1: 引入 JS 文件

  1. <script src=”device.min.js”></script>

STEP 2: 加入判断代码

  1. <script type=”text/javascript”>
  2. if(device.mobile()){
  3. window.location = “shouji.html”;  //可以换成 http 地址
  4. }
  5. </script>
散粉思考者
关注
js判断客户端是pc端还是移动端
11-22
几种判断设备是否是移动端还是pc端，然后在进行是否跳转页面，达到匹配的效果
js判断当前页面在移动设备还是在PC端中打开
10-23
标题中提到的关键知识点是使用JavaScript（简称js）来判断当前页面是在移动设备上打开还是在个人电脑（PC端）上打开。此知识点在网站前端开发中相当重要，因为不同设备的用户往往需要不同的界面布局和功能优化。...
js检测当前设备是移动端还是PC端
anzhenji7632的博客
08-08 239
加上下面js即可 硬核判断： <script type="text/javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = nav...
如何使用js 判断在pc打开还是手机
最新发布
weixin_45776545的博客
07-23 760
另外，随着Web技术的发展，现代浏览器和Web应用越来越多地采用响应式设计（Responsive Design）和渐进式增强（Progressive Enhancement）的策略，以适应不同设备的屏幕尺寸和性能。因此，在很多情况下，你可能不需要直接判断用户是在PC还是手机上访问，而是应该通过CSS媒体查询（Media Queries）等技术来适应不同的设备和屏幕尺寸。不过，由于设备和操作系统的多样性，这个列表可能并不完整。这样的库，这些库提供了更全面的设备检测功能，但需要注意的是，它们也是基于。
js判断客户端是PC端还是移动端访问
热门推荐
逆水行舟，不进则退
06-05 1万+
js判断客户端是PC端还是移动端访问 方法一 (推荐） function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var ...
js 判断pc 还是移动端环境
qq_33240556的博客
05-30 2603
函数，通过检查几个关键的字符串来判断是否为移动设备的浏览器。请注意，这种方法不是100%准确，因为用户代理字符串可以被修改或者模拟，但在大多数情况下足够使用。在JavaScript中，判断当前环境是PC端还是移动端，可以通过检测用户代理字符串（User Agent）来进行简单的区分。更现代和准确的方法可能会考虑使用特性检测（feature detection）或者其他更高级的库来辅助判断，但上述代码对于基本的环境区分已经足够。这段代码首先定义了一个。
js判断pc还是移动。
兵临城下的专栏
06-21 667
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { //移动 }...
基于VUE实现判断设备是PC还是移动端
10-15
在前端开发中，有时我们需要根据用户使用的设备类型来提供不同的界面体验，这通常涉及到判断设备是PC还是移动端。Vue.js，作为一个轻量级且强大的前端框架，提供了多种方式来实现这种设备判断。本文将详细介绍如何在...
Javascript自定义函数判断网站访问类型是PC还是移动终端
01-19
如果，能够判断出访问Web网页的类型(PC还是移动终端)。就可以对症下药，找出解决的办法！ 访问的类型为移动终端我们就用.gif代替Flash(.swf后缀)动画，PC端就不做改变。这样就比较完美了！ 如下所示,函数 ...
详解JS判断页面是在手机端还是在PC端打开的方法
10-17
本文将详细介绍使用JavaScript（JS）来判断页面是在手机端还是PC端打开的方法。 ### 利用Navigator对象 Navigator对象是一个可以通过JavaScript访问的接口，它提供了有关浏览器和设备的信息。在这个对象中，我们...
Js如何判断客户端是PC还是手持设备简单分析
12-12
在工作过程中，许多朋友会经常用到js判断客户端是PC还是手持设备，今天将提供以下方法function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array(“Android”, “iPhone”, “SymbianOS”...
JS判断电脑（pc）还是移动端（mobile）
weixin_46937852的博客
07-21 221
总结，记录： if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { alert("手机"); document.write('手机'); window.location.href = 'https://www.baidu.com' } else { alert("PC"); document.write('PC'); window.location.href = 'https://www.sohu.com'
js判断pc还是移动端
weixin_30872867的博客
03-04 314
if (!/windows phone|iphone|android/ig.test(window.navigator.userAgent)) { //pc }else{ //h5 } 转载于:https://www.cnblogs.com/panyujun/p/10469605.html...
JS判断PC端还是移动端
JinLong的博客
11-22 675
div{ width: 500px; height: 500px; background: url(img/Angular.jpg); } function getClientInfo(){ var userAgentInfo = navigator.userAgent; var Agents = ne
js判断PC端还是移动端
xiaoma19941027的博客
04-29 193
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { alert('移动端')； }...
js判断pc端还是移动端
m0_52244931的博客
08-23 335
通过navigator.UserAgent可以取得浏览器类别、版本，客户端操作系统等信息。js判断pc端还是移动端。
js判断PC端或是移动端
Rey
09-30 1万+
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { alert('手机端') }...
js判断是pc端还是移动端
大道初修通九窍的博客
12-06 225
今天和银行接口对接，发现PC端页面点击不了，因为对方只做了移动端，PC端没有做处理，需要我这边给他们传参判断是移动端还是pc端。因为原来微信支付宝支付的时候有过判断是不是微信浏览器，是的话就用微信支付，不是的话就用支付宝打开，代码如下：  if (ua.match(/MicroMessenger/i) == 'micromessenger') { //这是微信浏览器打开的          
JavaScript检测设备：PC或移动浏览器判断
"这篇文章主要介绍了如何使用JavaScript来判断用户是通过手机还是电脑访问网站的方法。JavaScript可以根据浏览器提供的navigator对象中的信息来识别用户的设备类型。" 在网页开发中，有时我们需要根据用户使用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值