当前位置:首页 > 前端 > 正文内容

JavaScript判断是移动设备还是pc设备, JavaScript判断浏览器类型。

xuwenyan2年前 (2021-04-28)前端179

JavaScript判断是移动设备还是pc设备

if (browser.versions.mobile) {
        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){
                //是否在安卓浏览器打开
        }
} else {
        //否则就是PC浏览器打开
}

JavaScript判断浏览器类型

var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        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.*/), //是否为移动终端
            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, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
    文章作者:xuwenyan
    版权声明:本文为本站原创文章,转载请注明出处,非常感谢,如版权漏申明或您觉得任何有异议的地方欢迎与本站取得联系。

    扫描二维码推送至手机访问。

    版权声明:本文由艺文笔记发布,如需转载请注明出处。

    本文链接:https://www.xuwenyan.com/archives/2032

    分享给朋友:

    “JavaScript判断是移动设备还是pc设备, JavaScript判断浏览器类型。” 的相关文章

    js前端计算文件文本md5,sha1,sha256等值

    js前端计算文件文本md5,sha1,sha256等值

    js前端计算文件文本md5,sha1,sha256等值,一个比较完善的js库就是CryptoJS,下载地址:谷歌开源、github,这个库使用起来非常方便,支持增加计算(支持超大文件计算),支持ase加密、rc4加密、md5值、sha1值、sha3值、sha224值、sha256值、sha384值、...

    常用的html转义符对照表大全

    常用的html转义符对照表大全

    常用的html转义符对照表大全 目录 常用的字符转义HTML特殊转义字符列表数学和希腊字母标志重要的国际标记JavaScript 转义符 常用的字符转义 显示说明|实体名称|实体编号|半方大的空白| | |全方大的空白|&ems...

    javascript实现解析网页(html)

    javascript实现解析网页(html)

    javascript如何实现解析网页(html) demo代码如下: var parser = new DOMParser(); var html_dom = parser.parseFromString(html_content, 'text/html'); var els =...

    js动态设置html站点标题图标(ico)

    js动态设置html站点标题图标(ico)

    我们可以直接在站点根目录直接放一个favicon.ico的ico文件,这样整个站点的默认标题图标就是这个图标了,但有时候我们需要为某个html指定特定的icon图标。(下面演示使用的是WampServer本地服务器)不放favicon.ico文件时不放favicon.ico时,站点其实是没有图标的,...

    如何解决html input输入框'autocomplete="off"'无效问题

    如何解决html input输入框'autocomplete="off"'无效问题

    大家都知道autocomplete属性是表单字段中的HTML5新属性,该属性有两种状态值,分别为"on" 和 "off",该属性可省略:省略属性值后默认值为"on",也可以省略属性名,直接写入关键字on或off。但是在Chrome核的浏览器...