JS判断是手机端还是PC端

青旅半醒 2021-09-18 12:56 570阅读 0赞

function browserRedirect() {
    
                    var sUserAgent = navigator.userAgent.toLowerCase();
    
                    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    
                    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    
                    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    
                    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    
                    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    
                    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    
                    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    
                    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    
                    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
    
                        //电脑端
    
                        //加载css
    
                        var linkNode = document.createElement("link");
    
                        linkNode.setAttribute("rel","stylesheet");
    
                        linkNode.setAttribute("type","text/css");
    
                        linkNode.setAttribute("href","../../css/index.min.css");
    
                        document.head.appendChild(linkNode);
    
                        //加载js
    
                        var scriptNode = document.createElement("script");
    
                        scriptNode.setAttribute("type", "text/javascript");
    
                        scriptNode.setAttribute("src", "../../js/index.min.js");
    
                        document.head.appendChild(scriptNode);
    
                    }else{
    
                        //手机端
    
                        var linkNode = document.createElement("link");
    
                        linkNode.setAttribute("rel","stylesheet");
    
                        linkNode.setAttribute("type","text/css");
    
                        linkNode.setAttribute("href","../../css/phone.min.css");
    
                        document.head.appendChild(linkNode);
    
                        //css
    
                        var scriptNode = document.createElement("script");
    
                        scriptNode.setAttribute("type", "text/javascript");
    
                        scriptNode.setAttribute("src", "../../js/phone.min.js");
    
                        document.head.appendChild(scriptNode);
    
                    }
    
                }
    browserRedirect();//调用判断当前访问页面是手机端还是移动端

另一种方法:

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                    console.log("MOBEL");
                } else {
                    console.log("PC");
                }

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关 nginx的location判断用户端是手机还是pc端配置

配置 1. ` 判断 pc 和 mobile 的 H5` 2. `location / {` 3. `set $is_mobile false;

Love The Way You Lie/ 2022年12月10日 03:35/ 0 赞/ 374 阅读

相关 js判断是PC端还是手机端

效果预览：[https://miofly.gitee.io/resources/html/project/module/%E5%88%A4%E6%96%AD%E6%98%AF%

比眉伴天荒/ 2022年10月27日 06:16/ 0 赞/ 267 阅读

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

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

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

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

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

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

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

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

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

相关判断是手机端还是PC端的代码

那天做到一个需要判断是手机端还是PC端的功能。我也不太懂，自己不会写，就在网上找了一下。找到的答案也是有的五花八门，最后看到一个比较简洁的就试用了一下，没得问题就继续用着了

梦里梦外;/ 2022年01月09日 06:39/ 0 赞/ 361 阅读

相关判断是手机端还是电脑端

<script type="text/javascript" src="./img/http://pv.sohu.com/cityjson?ie=utf-8"></script

分手后的思念是犯贱/ 2021年12月21日 06:43/ 0 赞/ 357 阅读

相关 JS判断是手机端还是PC端

function browserRedirect() { var sUserAgent = navigator.use

青旅半醒/ 2021年09月18日 12:56/ 0 赞/ 571 阅读