判断用户当前的设备

最新推荐文章于 2023-07-18 17:01:09 发布
原创 最新推荐文章于 2023-07-18 17:01:09 发布 · 359 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript来检测用户设备类型的方法，并根据不同设备类型为HTML文档的body元素添加相应的CSS类。该方法可以区分iOS设备、Android设备和其他被视为桌面电脑的设备。 
   var ua = window.navigator.userAgent;
    if(ua.toLowerCase().indexOf('iphone') != -1|| ua.toLocaleLowerCase().indexOf('ipad') != -1) {
        $('body').addClass('ios').addClass('mobile');
    } else if(ua.toLowerCase().indexOf('android') != -1) {
        $('body').addClass('android').addClass('mobile');
    } else {
        $('body').addClass('pc');
    }
JS判断当前访问设备是手机/平板/电脑？
猿小白的博客
04-13 6236
JS判断当前访问设备是手机/平板/电脑？ 一、程序代码 <script> var os = function () { var ua = navigator.userAgent, isWindowsPhone = /(?:Windows Phone)/.test(ua), isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, isAndroid = /(?:Android)/.test(u...
用js判断当前设备（电脑or手机）、浏览器、操作系统
卢楷方的博客
09-30 2581
今天在做一个网站浏览量记录功能的时候，发现网上有很多方法判断出当前的设备、浏览器和操作系统 我对其进行了整理: 需求： 添加一条浏览记录，需要在前台拿到以下数据： 判断出当前设备是电脑还是手机： 电脑： 判断出操作系统、浏览器 手机： 判断出操作系统 代码实现： // 当前产品浏览量加一 function addVisit(proId) { ...
判断请求时手机端访问还是电脑端访问
iteye_6646的博客
01-02 502
package com.chennzhi.adaptors.jdbc;import javax.servlet.http.HttpServletRequest;public class HttpRequestDeviceUtils {    /** Wap网关Via头信息中特有的描述信息 */    private static String mobileGateWayHeaders[] = ...
UA判断浏览器设备
weixin_34059951的博客
12-16 466
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href...
html判断终端类型,js 不同浏览器的类型判断 navigator.userAgent
weixin_30604459的博客
06-11 657
一、通过navigator.userAgent来进行浏览器类型判断//判断浏览器内核、手机系统等，使用 browser.userAgent.mobilevar browser ={userAgent:function() {var ua =navigator.userAgent;var ualower =navigator.userAgent.toLocaleLowerCase();return{...
判断用户设备的方法（只有真机有效）
a7359780的博客
03-01 285
+ (NSString*) deviceString {     // 需要#import "sys/utsname.h"     struct utsname systemInfo;     uname(&systemInfo);          NSString *deviceString = [NSString stringWithCString:sys
鸭题-03-JavaScript
m0_52224499的博客
06-14 257
JavaScript JavaScript的组成 JavaScript 由以下三部分组成： ECMAScript（核心）：JavaScript 语言基础 DOM（文档对象模型）：规定了访问HTML和XML的接口 BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 JS的基本数据类型和引用数据类型 基本数据类型：undefined、null、boolean、number、string、symbol 引用数据类型：object、array、function 检测浏览器版本版本有哪
JS判断当前设备
winney07的博客
07-18 933
JavaScript中的navigator.userAgent属性来获取用户代理字符串。评论，欢迎在评论区与我分享您的想法和建议，将是对我最大的支持和鼓励。原创不易，转载请注明本文出处及原文链接。如果将iPod也视为移动设备，可以将。
Nginx中判断用户的设备来选择切换成PC端还是移动端
jiangjunyuan168的博客
04-20 6363
方案一 之前笔者的解决方案是在项目（vue项目）中通过路由切换来实现的，但是这种做法会在网页中看到一个切换的动作，并且这种方法存在两个项目都加载的情况，这样就大大的增加了首屏加载所需要的时间，用户体验感不好。 文章地址：路由切换方法 方案二 之后在网上找到了另一种方法，就是再新建一个项目，项目中不添加其他内容，就只配置路由，并且尽可能减小该项目包的大小（cdn引入，删掉没用的代码），在路由里面判断用户设备然后选择跳转到pc端还是移动端。 这种方法的思路是用户先访问这个只有路由跳转的项目，然后再跳转到根据用户
jquery判断iPhone、Android设备类型
10-21
在jQuery中实现设备类型判断，我们通常会编写一个函数，该函数会利用JavaScript的navigator.userAgent属性来获取当前设备的用户代理字符串。之后，通过对这个字符串进行分析和判断，我们可以编写逻辑来区分iPhone、...
html自动识别pc手机跳转,网站根据访问客户端设备UA（PC和手机移动）自动判断跳转代码...
weixin_39907939的博客
06-07 2017
网站根据访问客户端设备UA(PC和手机移动)自动判断跳转代码以下代码是插入到手机模板中var system = {win: false,mac: false,xll: false};var p = navigator.platform;system.win = p.indexOf(“Win”) == 0;system.mac = p.indexOf(“Mac”) == 0;system.x11 =...
使用navigator.userAgent.toLowerCase()判断登陆端是pc还是手机
H小志
08-23 2万+
在跨平台，各种浏览器，移动设备兼容的时候，经常要根据设备、浏览器做特定调整，所以判断设备和浏览器的工作，经常会用到，这里做一下总结。 有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息，这里提供了多个版本的测试信息，可以用来做后续代码的接口。
使用navigator.userAgent.toLowerCase()判断浏览器的类型
热门推荐
AmberWu
10-10 2万+
在跨平台、浏览器、移动设备兼容的时候，要根据设备、浏览器做特定调整，所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。 先来解释一下意思，navigator是HTML中的内置对象，包含浏览器的信息；userAgent是navigator的属性方法，可以返回由客户机发送服务器的头部的值，作用其实就是就是返回当前用户所使用的是什么浏览器，toLowerC
JS判断UA动态加载CSS的方法
weixin_30920597的博客
03-10 249
项目进度差不多到了调试兼容性的阶段，这时候就会发现移动前端在兼容性方面下的功夫一点也不少于PC端。当初需要兼容低版本IE时还有条件注释可用，现在则只能自己用Javascript去判断了。 由于苹果的强硬政策（不允许第三方浏览器调用浏览器自身的内核而只允许他们调用iOS的Webkit内核以及使用Webkit JavaScript），而Windows Phone上的IE/Edge...
js判断浏览器种类
baliu6592的博客
03-31 753
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { ...
window.navigator.userAgent.toLowerCase() 区分设备和浏览器（记录笔记）
m0_37400682的博客
11-02 5724
var sUserAgent = window.navigator.userAgent.toLowerCase();                             var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";                             var bIsIphoneOs = sUserAgent.match...
JS判断UA
手掌日月摘星辰
10-23 1871
script> var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident
html中的js获取当前的页面是位于哪个容器中打开(pc,手机,微信...)
伟大的路人 的博客
11-24 873
var browser =  {    versions: function () {        var u = navigator.userAgent, app = navigator.appVersion;        return {         //移动终端浏览器版本信息            trident: u.indexOf('Trident') > -1, //
php 判断app浏览器打开,请问如何检测区分是APP访问的页面还是其他浏览器访问的......
weixin_39843093的博客
03-12 636
本帖最后由 Madision 于 2016-8-29 11:15 编辑原文链接：http://caibaojian.com/browser-ios-or-android.html//判断访问终端var browser={versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return {triden...
js判断用户设备类型
最新发布
07-23
在前端开发中，JavaScript 提供了多种方式来检测用户设备类型。主要依赖于 `navigator` 对象，尤其是 `navigator.userAgent` 属性，该属性返回一个字符串，包含用户浏览器和操作系统的相关信息。 可以通过以下方式实现设备类型的检测： ### 1. 判断设备是否为移动设备 通过正则表达式匹配 `userAgent` 中的关键词，可以判断用户是否使用的是移动设备。常见的移动设备关键字包括 `iPhone`、`iPad`、`Android`、`Windows Mobile` 等。 ```javascript var userAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(userAgent)) { console.log('当前设备为移动设备'); } else { console.log('当前设备为PC端'); } ``` ### 2. 判断具体设备型号 如果需要更精确地识别设备型号，可以通过解析 `userAgent` 字符串中包含的具体信息来实现。例如，可以检测是否为 `iPhone`、`iPad` 或 `Android` 设备。 ```javascript var userAgent = navigator.userAgent.toLowerCase(); if (/iphone/.test(userAgent)) { console.log('当前设备为 iPhone'); } else if (/ipad/.test(userAgent)) { console.log('当前设备为 iPad'); } else if (/android/.test(userAgent)) { console.log('当前设备为 Android'); } ``` ### 3. 检测设备的网络类型 除了设备类型之外，还可以从 `userAgent` 或 `navigator.connection` 中获取网络类型信息。以下代码可以检测用户当前的网络类型（如 `Wi-Fi`、`4G`、`3G` 等）： ```javascript function getTypeNet() { let strCode = navigator.userAgent; let stringNet = strCode.match(/NetType\/\w+/) ? strCode.match(/NetType\/\w+/)[0] : 'NetType/other'; var networkType = stringNet.toLowerCase().replace('nettype/', ''); if (networkType === "wifi") { console.log("当前网络为 Wi-Fi"); } else if (networkType === "4g") { console.log("当前网络为 4G"); } else if (networkType === "3g") { console.log("当前网络为 3G"); } else if (networkType === "2g") { console.log("当前网络为 2G"); } else { console.log("当前为有线网络"); } } ``` ### 4. 检测用户是否在线 如果需要检测用户的网络连接状态，可以使用 `navigator.onLine` 属性或结合 `navigator.connection` 对象来获取更详细的网络信息。 ```javascript if (navigator.onLine) { console.log('用户当前在线'); } else { console.log('用户当前离线'); } ``` 此外，可以监听 `online` 和 `offline` 事件，以实时响应网络状态的变化： ```javascript window.addEventListener('online', function() { console.log('网络已连接'); }); window.addEventListener('offline', function() { console.log('网络已断开'); }); ``` ### 5. 结合 `navigator.connection` 获取更详细的网络信息 `navigator.connection` 提供了更多关于用户网络连接的信息，包括网络类型、带宽、是否为移动网络等。 ```javascript if (navigator.connection) { console.log('网络类型:', navigator.connection.type); console.log('是否为移动网络:', navigator.connection.effectiveType); } ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值