JS判断设备类型

已于 2023-07-31 10:42:29 修改
阅读量51 收藏
点赞数
文章标签： 前端
于 2023-03-28 16:24:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47675705/article/details/129818867
版权

下面前端代码可以判断用户那个终端打开页面，实现跳转


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))) {
    window.location.href = "";     //手机
 } else {
    window.location.href = "";     //电脑
 }
DX_Gao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用JS判断客户端的设备类型
07-24
这段代码通过检查`window.orientation`属性（移动设备特有的）和`IEMobile`字符串（通常在Windows Phone的`User-Agent`中出现）来判断设备类型。 当然，直接硬编码这些检查可能会导致未来兼容性问题，因为设备和...
js判断浏览器类型及设备（移动页面开发）
10-23
主要介绍了js判断浏览器类型及设备（移动页面开发）,需要的朋友可以参考下
js判断是否是手机
五月_的博客
04-22 557
记不得看的哪里的了 navigator对象，提供浏览器及操作系统等信息。 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; //ipad var bIsIphoneOs = sUserAgent.match(/iphone os/i) ==...
JS检测设备类型
蓝色的乌鸦的专栏
05-24 583
var browser = { versions : function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident : u.indexOf('Trident')
利用JavaScript判断用户设备类型
最新发布
Qin_sss的博客
07-01 808
利用JavaScript判断用户设备类型
js检测访问设备的类型
Ronux的专栏
10-22 2413
目前移动互联网APP的网站多在网站主页面首先检测访问设备的类型，然后如果检测到是移动终端访问，会对访问地址重定向处理。一般采用代码如下。
【JavaScript】设备类型检测
Rand Tsui
06-19 293
GitHub地址：https://github.com/matthewhudson/current-device
判断访问的设备类型
08-19
首先，我们可以通过浏览器提供的`User-Agent`头部信息来判断设备类型。`User-Agent`是一个字符串，包含了用户使用的浏览器类型、版本、操作系统以及设备信息。例如，移动设备的`User-Agent`通常会包含“Mobile”或...
使用CSS媒体查询和JavaScript判断浏览器设备类型的好方法
09-25
标题中的“使用CSS媒体查询和JavaScript判断浏览器设备类型的好方法”指的是通过结合这两种技术来适应不同类型的设备，如桌面、平板和手机。这种方法允许开发者根据用户的屏幕尺寸来优化网页的展示和交互。以下是对...
JavaScript判断浏览器类型及版本
09-28
JavaScript 判断浏览器类型及版本 随着浏览器市场的日益繁荣，浏览器的类型和版本也越来越多，给前端开发带来了很大的挑战。如何精准地判断浏览器的类型和版本成为了前端开发中非常重要的一个问题。 JavaScript ...
javascript获取设备类型，设备名称操作系统等
12-22
1. **设备类型检测**：库可以判断设备是否为智能手机、平板、桌面电脑或其他。这可以通过`isMobile()`方法实现，它会返回一个布尔值。 2. **操作系统检测**：可以检测出用户设备的操作系统，如iOS、Android、...
JS通过设备的类型跳转页面.zip_JS通过设备的类型跳转页面
09-24
接下来，我们将深入探讨如何利用JavaScript进行设备检测，并实现基于设备类型的不同页面跳转策略。 首先，我们需要理解JavaScript是如何识别设备类型的。通常，我们可以通过检查浏览器的`navigator.userAgent`属性...
基于VUE实现判断设备是PC还是移动端
10-15
总结来说，Vue.js提供了灵活的方式来判断设备类型，可以通过分析`navigator.userAgent`字符串或者使用`window.matchMedia()`进行媒体查询。这两种方法各有优势，可以根据项目需求和性能考虑选择适合的实现方式。在...
判断访客终端类型集锦
09-03
然而，文章并未提供JavaScript的具体实现，但可以采用类似的方式，通过检查用户代理字符串或屏幕尺寸来识别设备类型。 在提供的代码片段末尾，展示了如何在PHP中使用`is_mobile()`函数的例子。如果用户被判断为移动...
【前端面经】JS-如何使用 JavaScript 来判断用户设备类型？
欢迎光临~
04-27 1842
综上所述，以上方法都存在一定的局限性，需要根据实际情况选择合适的方法来判断用户设备类型。同时，需要进行一定的测试，以保证判断的准确性。在实际应用中，我们可以结合多种方法，提高判断的准确性和稳定性。
js判断设备类型
weixin_30249203的博客
02-03 182
//js判断是否移动端 function fIsMobile(){ return /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i.test(navigator.userAgent); } //js判断是否ios或Android var u...
JavaScript判断当前是什么设备
m0_63873004的博客
05-05 343
js判断当前设备时什么类型
js的navigator.webdriver判断访问是不是模拟浏览器
fyonecon
10-09 1317
navigator.webdriver值为undefined是正常的浏览器，返回true说明用的是模拟浏览器。 let webdriver = navigator.webdriver; if(webdriver){ console.log('模拟浏览器') } else { console.log('正常浏览器') } - 参考： selenium 参数设置-window.navigator.webdriver - 码农教程 ...
js 怎么判断设备类型
06-09
判断设备类型有多种方法，以下是几种常见的方法： 1. 使用 `navigator.userAgent` 判断设备类型 可以使用 `navigator.userAgent` 获取设备的用户代理信息，然后根据其中的关键字来判断设备类型。例如，可以使用以下代码判断设备是否为移动设备： ```javascript function isMobile() { var userAgent = navigator.userAgent; return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent); } ``` 在上述代码中，使用了正则表达式来匹配设备类型的关键字。 2. 使用 `window.innerWidth` 和 `window.innerHeight` 判断设备类型 可以使用 `window.innerWidth` 和 `window.innerHeight` 获取窗口的宽度和高度，然后根据其值来判断设备类型。例如，可以使用以下代码判断设备是否为移动设备： ```javascript function isMobile() { return window.innerWidth < 768; } ``` 在上述代码中，如果窗口宽度小于 768，则认为当前设备为移动设备。 3. 使用 `matchMedia` 判断设备类型 可以使用 `matchMedia` 方法判断设备类型，例如，可以使用以下代码判断设备是否为移动设备： ```javascript function isMobile() { return window.matchMedia("(max-width: 767px)").matches; } ``` 在上述代码中，使用了媒体查询来判断设备类型，如果窗口宽度小于 768，则返回 `true`。 需要注意的是，以上方法仅为常见的判断设备类型的方法，实际应用中可能需要根据具体需求进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值