首页 > 其他分享 >navigator.userAgent 判断当前浏览器所处的环境

navigator.userAgent 判断当前浏览器所处的环境

时间:2023-10-10 13:46:22浏览次数:33  
标签:浏览器 isAndroid return test userAgent navigator ua

场景1:判断页面是在手机端还是PC端打开

window.location.href=/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)?"http://localhost:8888/mobile_web":"http://localhost:8888/PC";

场景2:判断页面是在手机端,平板端还是PC端打开

var os = function (){
    var ua = navigator.userAgent,
    isWindowsPhone = /(?:Windows Phone)/.test(ua),
    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
    isAndroid = /(?:Android)/.test(ua),
    isFireFox = /(?:Firefox)/.test(ua),
    isChrome = /(?:Chrome|CriOS)/.test(ua),
    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
    isPhone = /(?:iPhone)/.test(ua) && !isTablet,
    isPc = !isPhone && !isAndroid && !isSymbian;
    return {
        isTablet: isTablet,
        isPhone: isPhone,
        isAndroid: isAndroid,
        isPc: isPc
    };    
}();
 
if (os.isAndroid || os.isPhone) {   
   alert("手机" );
} else if (os.isTablet) {
    alert("平板" );
} else if (os.isPc) {
    alert("电脑" );
}

场景3:获取操作系统类型,判断是Android或者IOS

/**
     * 获取操作系统类型,
     * 0 Android
     * 1 iOS
     */
    function getOSType() {
        if (/(Android)/i.test(navigator.userAgent)) {
            return 0;
        } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            return 1;
        } else {
            return 2;
        }
    }

场景4:判断当前环境是否是微信环境

function is_weixin(){
      var ua = navigator.userAgent.toLowerCase();
      if(ua.match(/MicroMessenger/i)=="micromessenger") {
           return true;
     } else {
            return false;
      }
}

 

标签:浏览器,isAndroid,return,test,userAgent,navigator,ua
From: https://www.cnblogs.com/ddqyc/p/17754453.html

相关文章

  • 【前端开发】前端开发者谷歌浏览器操作技巧
    谷歌浏览器技巧$_  上次执行结果opt键+click展开最外层元素ctr+shift+p 执行Command命令输入Capturefullsizescreenshot 按下回车截图全屏网页 ......
  • 使用requests.get()得到的源代码与浏览器中的不一样
    用requests.get()之后得到的源代码跟浏览器里面的不一样崔庆才的《python3网络爬虫开发实战》在2.3.3节:我们用urllib或requests获取到的是HTML源代码,但是这个网页是用js渲染的,上面两个库不会像浏览器那样继续运行后面请求来的js模块,所以不一样。 ==================Selenium是一个......
  • 前端判断视频格式(H264、H265,解决谷歌chrome浏览器无法播放mp4问题)
    chrome浏览器对某些mp4文件不支持,播放时只有声音没有画面。这种情况一般是因为视频文件为H265编码,而chrome浏览器只支持H264编码的文件(谷歌没买H265的使用专利)。 解决方法一:使用软件(格式工厂或命令行库ffmpeg)对文件进行转换,将H265转换成H264。格式工厂: ffmpeg:ffmpeg-i......
  • JavaScript获取浏览器的显示区域大小测试
    JavaScript获取浏览器的显示区域大小测试Nowwegetthescreensizeaboutthisbrowser网页可见区域宽document.body.clientWidth:1912px网页可见区域高document.body.clientHeight:958px网页可见区域宽(包括边线的宽)document.body.offsetWidth:1896px网页可见区域高(包......
  • 禁止IE页面自动跳转到EDGE浏览器的方法
            注意:此操作后需要重启电脑才可生效,因此在没有重启前即便取消勾选打开部分网站依然还会继续自动跳转哦。 ......
  • java开发浏览器(含代码示例)
    Java开发浏览器的步骤如下:创建一个Java类,它将实现浏览器的功能。Java开发浏览器的步骤如下:1.创建一个Java类,它将实现浏览器的功能。2.使用JavaSwing框架来创建浏览器的界面,包括菜单栏、工具栏、地址栏和显示网页的窗口。3.使用Java的URL类来处理网址,并使用Java的HttpURLConnect......
  • chrome浏览器显示网页字体不正常,需要放大150% 显示正常
    软件环境:windows764位、chrome109.0.5414.120。故障现象:chrome浏览器,浏览百度、淘宝等网站总是需要把显示分辩率放大150%,然后显示正常。解决方案:下载windows7 kb2670838补丁安装后,重启电脑,打开chrome浏览器浏览网页显示正常。 ......
  • ES,浏览器开发者工具修改和删除数据
    一、修改数据二、删除数据 ......
  • 谷歌记住密码,设置浏览器 免登录
      """"读chrome本地cookie数据(需要先手动登录勾选记住密码),实现免登陆操作注意:关闭chrome浏览器,否则运行报错!!!"""fromtimeimportsleepfromseleniumimportwebdriverfromselenium.webdriver.chrome.optionsimportOptionsdefget_cookie(url):#实例......
  • 谷歌浏览器 永久不更新
    C:\ProgramFiles(x86)\Google 改update名字,改权限   ......