JavaScript 判断浏览器是PC端还是移动端

墨蓝 2023-06-02 10:38 55阅读 0赞

### JavaScript 判断浏览器是PC端还是移动端 ###

*   *  JavaScript Browser 对象
     *  两种方法
     *   *  .test( navigator.userAgent )
         *  navigator.userAgent.match()
     *  实例

## JavaScript Browser 对象 ##

*  Navigator 对象
 *  Navigator userAgent 属性
 *  语法：navigator.userAgent

## 两种方法 ##

### .test( navigator.userAgent ) ###

/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)

### navigator.userAgent.match() ###

navigator.userAgent.match(
                    /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
                );

**Navigator** 对象包含有关浏览器的信息

**userAgent** 属性是一个只读的字符串，声明了**浏览器用于 HTTP 请求的用户代理头的值**

可以通过获取Navigator userAgent属性的属性值，再和相关的移动端类型进行匹配，来判断浏览器的类型，通过调整 match 方法的参数，也可以判断不同的浏览器类型

## 实例 ##

<script>
            if (isMobile()) { 
                console.log("mobile");
            } else { 
                console.log("pc");
            }
    
            function isMobile() { 
                let flag = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
                return flag;
            }
        </script>

<script>
            if (isMobile()) { 
                console.log("mobile");
            } else { 
                console.log("pc");
            }
    
            function isMobile() { 
                let flag = navigator.userAgent.match(
                    /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
                );
                return flag;
            }
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，55人围观）

还没有评论，来说两句吧...

相关阅读

相关 laravel判断是手机移动端访问还是PC端访问

需求网站需要记录访问者是什么平台访问的网站解决在网上搜索发现可以使用`browser-detect`去使用的教程，但是自己使用发现报错，并不能使

た入场券/ 2023年06月15日 11:00/ 0 赞/ 24 阅读

相关 JavaScript 判断浏览器是PC端还是移动端

JavaScript 判断浏览器是PC端还是移动端 JavaScript Browser 对象两种方法 .test( na

墨蓝/ 2023年06月02日 10:38/ 0 赞/ 56 阅读

相关判断是PC端还是移动端

var browser={ versions:function(){ var u = na

古城微笑少年丶/ 2023年01月05日 14:29/ 0 赞/ 197 阅读

相关 JavaScript 判断设备是PC端还是移动端

原理就不说了，直接写份实用的代码好了 function goPAGE() { if((navigator.userAgent.match(/(phone|

悠悠/ 2022年12月18日 10:57/ 0 赞/ 230 阅读

相关 js判断设备是PC端还是移动端

方法一 function IsPC() { var userAgentInfo = navigator.userAgent; va

喜欢ヅ旅行/ 2022年10月24日 05:54/ 0 赞/ 272 阅读

相关判断当前登录的终端是PC端还是移动端

一、最近要把web页面放到手机端，所以在开始登录的时候就跳转。先记下，调试中。 1、刚开始在login.jsp里面写的js，暂时发现browser.versions

女爷i/ 2022年08月04日 16:56/ 0 赞/ 293 阅读

相关怎么判断是Pc端还是移动端？

怎么判断是Pc端还是移动端？ console.log(window.navigator.userAgent) 移动端返回的是：“Mozilla/5.0 (Li

青旅半醒/ 2022年05月23日 11:24/ 0 赞/ 345 阅读

相关判断当前客户端是pc端还是移动端还是Ipad

实现手机和电脑两种不同的布局，判断手机还是电脑:window.onload一个页面只能有一个 <!doctype html> <html> <head

我就是我/ 2022年05月21日 08:28/ 0 赞/ 381 阅读

相关 js判断用户的浏览器设备是移动端还是pc端

最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式，主要是判断移动设备还是电脑浏览器访问的。下面给出js判断处理代码，以作参考。 <scrip

た入场券/ 2022年04月23日 08:06/ 0 赞/ 393 阅读

相关 php判断页面访问是移动端还是pc端

在使用浏览器发起的 HTTP 请求中，通常会包含一个识别标识。它名为 User Agent，简称 UA。它是一串包含了客户端基础信息的字符串。通过它可以方便的获取客户端的操作系

清疚/ 2021年09月30日 15:00/ 0 赞/ 564 阅读