判断浏览器（微信、微博、QQ）、操作系统、横竖屏等

喜欢ヅ旅行 2022-05-30 08:30 175阅读 0赞

一、根据浏览器判断URL跳转

var browserOfMobile = {
        wapUrl: 'http://m.baidu.com',
        versions:function(){ 
            var u = navigator.userAgent;
            return {
                //mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
                mobile: u.match(/(iPhone|iPod|Android|ios|iPad)/i),
            };
        }()
    }
    if (browserOfMobile.versions.mobile && browserOfMobile.wapUrl != '') {
        location.href = browserOfMobile.wapUrl;
    }

二、低版本IE判断

(function() { if(navigator.userAgent.indexOf('MSIE') != -1) { var ieBrowser = navigator.userAgent.split(';')[1]; if(ieBrowser.indexOf('MSIE') != -1 && parseInt(($.trim(ieBrowser)).substr(5)) < 9.0) { window.location.href = 'browser_download.html'; } } }());

三、判断横屏还是竖屏

function orient() { 
        if (window.orientation == 0 || window.orientation == 180) {
            $("body").attr("class", "portrait");
            orientation = 'portrait';
            return false;
        }
        else if (window.orientation == 90 || window.orientation == -90) {
            $("body").attr("class", "landscape");
            orientation = 'landscape';
    
            return false;
        }
    }

四、监测浏览器是android的还是ios的

var browser = {
        versions: function() { 
            var u = navigator.userAgent;
            return {
       //移动终端浏览器版本信息 
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    
    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
        window.location="https://itunes.apple.com/xxx";
    }
    else if (browser.versions.android) {
        window.location="http://xxx/xxx.apk";
    }
    
    // document.writeln("语言版本: " + browser.language);
    // document.writeln(" 是否为移动终端: " + browser.versions.mobile);
    // document.writeln(" ios终端: " + browser.versions.ios);
    // document.writeln(" android终端: " + browser.versions.android);
    // document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
    // document.writeln(" 是否iPad: " + browser.versions.iPad);
    // document.writeln(navigator.userAgent);

五、判断手机类型

window.onload = function () { 
        var u = navigator.userAgent;
        if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
            alert("安卓手机");
        } else if (u.indexOf('iPhone') > -1) { //苹果手机
            alert("苹果手机");
        } else if (u.indexOf('Windows Phone') > -1) { //winphone手机
            alert("winphone手机");
        }
    }

六、判断操作系统

function detectOS() { 
        var sUserAgent = navigator.userAgent;
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
        if (isMac) return "Mac";
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        if (isUnix) return "Unix";
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
        if (isLinux) return "Linux";
        if (isWin) {
            var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
            if (isWin2K) return "Win2000";
            var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
            if (isWinXP) return "WinXP";
            var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
            if (isWin2003) return "Win2003";
            var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
            if (isWinVista) return "WinVista";
            var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
            if (isWin7) return "Win7";
        }
        return "other";
    }
    document.writeln("您的操作系统是：" + detectOS());

七、判断APP浏览器（微信、微博、QQ、android、ios）

var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        //在微信中打开
    }
    if (ua.match(/WeiBo/i) == "weibo") {
        //在新浪微博客户端打开
    }
    if (ua.match(/QQ/i) == "qq") {
        //在QQ空间打开
    }
    if (browser.versions.ios) {
        //是否在IOS浏览器打开
    }
    if(browser.versions.android){
        //是否在安卓浏览器打开
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 ShareSDK集成微信、QQ、微博分享

1、前言为什么要使用第三方的作为集成分享的工具呢？而不去用官方的呢？有什么区别么？一个字”快”，如果你使用官方的得一个个集成他们的SDK，相信这是一个痛苦的过程。

﹏ヽ暗。殇╰゛Y/ 2022年08月22日 12:27/ 0 赞/ 398 阅读

相关 c++ 实现QQ空间，腾讯微博，新浪微博微信，豆瓣等分享功能。

1、腾讯空间，微博，微信这些去注册一个账号，可以调用官方API js脚本。 2、c++ 动态保存写有上述脚本的html，保存成html格式（字符格式记住要用utf-8和h

今天药忘吃喽~/ 2022年07月21日 00:12/ 0 赞/ 263 阅读

相关 QQ微信微博联合登录流程总结

第三方联合登录一般可以降低网站的获客成本，所以一般的网站都会做一些联合登录，常用的就是QQ、微信、微博了，下面简单的介绍一下这些联合登录的方法。 ![一号店QQ联合登录链接]

青旅半醒/ 2022年07月15日 05:23/ 0 赞/ 230 阅读

相关 QQ微信微博联合登录流程总结

第三方联合登录一般可以降低网站的获客成本，所以一般的网站都会做一些联合登录，常用的就是QQ、微信、微博了，下面简单的介绍一下这些联合登录的方法。 ![一号店QQ联合登录链接]

亦凉/ 2022年07月15日 05:23/ 0 赞/ 297 阅读

相关 js判断识别微信或QQ浏览器

//是否微信 isWx: function() \{ var ua = navigator.userAgent.toLowerCase(); return ua.matc

电玩女神/ 2022年06月14日 06:56/ 0 赞/ 354 阅读

相关 HTML分享内容到QQ，微信，微博等平台

<html> <head> <title>Share function</title> <meta charset="utf-8"/>

朴灿烈づ我的快乐病毒、/ 2022年06月02日 01:21/ 0 赞/ 265 阅读

相关判断浏览器（微信、微博、QQ）、操作系统、横竖屏等

一、根据浏览器判断URL跳转 var browserOfMobile = { wapUrl: 'http://m.baidu.com',

喜欢ヅ旅行/ 2022年05月30日 08:30/ 0 赞/ 176 阅读

相关 Android 微信、QQ、微博分享问题汇总

1. 微信分享 1.1 分享至好友会话支持类型：文字、图片、音乐、视频、网页、小程序。 1.1.1 文字类型分享字段包含：纯文本（必填）

偏执的太偏执、/ 2022年05月26日 12:13/ 0 赞/ 315 阅读

相关 js通过UA判断ios、android、微信、qq、qq浏览器

function isIPhone(){ //判断是否是ios var u = navigator.userAgent; var isI

一时失言乱红尘/ 2022年05月11日 02:22/ 0 赞/ 613 阅读

相关 js 判断微信浏览器

上周接到个需求，需求是这样的：用户扫一扫二维码会产生一个链接，该链接会向后端发送个请求，返回一个 apk 的下载地址，用户点击下载按钮可以下载此 apk。然后就发生了问题，经过

╰+攻爆jí腚メ/ 2021年11月26日 21:22/ 0 赞/ 369 阅读