JS判断移动端、PC端、iOS端、安卓端

Towers 发布于2019-08-23 18:40 / 598人阅读

判断 PC/移动

$(function () {
    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) {
        console.log("移动");
    } else {
        console.log("PC");
    };
});

判断Android端、iOS端

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent); 
    window.location.href ="Android.html";
} else {
    window.location.href ="pc.html";
};
if(/(iPhone|iOS|Android|Windows Phone)/i.test(navigator.userAgent)){
    window.location.href = "mobile.html";
}

云服务器专线服务 js判断移动端 webRTC安卓跟pc端 php判断移动端访问 js?移动端滑动

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105649.html

WEB移动端粘黏吸顶效果的解决方案

摘要：原文链接一般的吸顶，通常是给上一个定位便可实现，而类似于上图这样的粘黏吸顶，也是一个比较常见的需求粘黏吸顶大概的思路是这样首先，给吸顶栏一个或者定位，通过去监听事件触发一个判断吸顶栏高度的函数，当吸顶栏的高度距离可视区域顶部小于等于时，将其原文链接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

macg0406 2019-08-20 14:35 评论0 收藏0
WEB移动端粘黏吸顶效果的解决方案

摘要：原文链接一般的吸顶，通常是给上一个定位便可实现，而类似于上图这样的粘黏吸顶，也是一个比较常见的需求粘黏吸顶大概的思路是这样首先，给吸顶栏一个或者定位，通过去监听事件触发一个判断吸顶栏高度的函数，当吸顶栏的高度距离可视区域顶部小于等于时，将其原文链接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

Cobub 2019-08-30 15:53 评论0 收藏0
WEB移动端粘黏吸顶效果的解决方案

摘要：原文链接一般的吸顶，通常是给上一个定位便可实现，而类似于上图这样的粘黏吸顶，也是一个比较常见的需求粘黏吸顶大概的思路是这样首先，给吸顶栏一个或者定位，通过去监听事件触发一个判断吸顶栏高度的函数，当吸顶栏的高度距离可视区域顶部小于等于时，将其原文链接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

figofuture 2019-08-01 16:23 评论0 收藏0
移动端页面布局及字体大小该如何设置

摘要：首先是屏幕问题，现在主流的移动设备以安卓和为主，我们在制作移动端页面也是以兼容这两种设备去布局。而其实目前安卓，很多的设备还是比较常见的了，所以我们这里，将之前对设备的判断，转变成对是否是整数的一个判断。之前发过一篇文章《移动端应该如何动态设置字体大小？》，主要说了移动web端布局的一些解决方法，本文再一次把这个问题提出来，并分别对安卓和IOS设备的屏幕了解做出自己的分享，在进入正文...

nevermind 2019-08-19 17:27 评论0 收藏0