【前端】微信H5,js判断是否在微信浏览器中打开

简介: 【前端】微信H5,js判断是否在微信浏览器中打开

微信H5,Js判断是否在微信浏览器中打开

<script type="text/javascript">
    window.onload = function() {
        var weChart = false
        var ios1 = document.getElementById('ios')
        var android1 = document.getElementById('android')
        var iosHref = ios1.getAttribute('href')
        var androidHref = android1.getAttribute('href')
        var agent = navigator.userAgent.toLowerCase();
        if(agent.match(/MicroMessenger/i) == 'micromessenger') {
            weChart = true
        } else {
            weChart = false
        }
        function detect(){
            let equipmentType = "";
            let android = agent.indexOf("android");
            let iphone = agent.indexOf("iphone");
            let ipad = agent.indexOf("ipad");
            if(android != -1){
                equipmentType = "android";
            }
            if(iphone != -1 || ipad != -1){
                equipmentType = "ios";
            }
            return equipmentType;
        }
        if(detect()==='android'  && weChart === false){
            //对Android系统的移动端页面做点什么
            ios1.href = androidHref
            document.getElementById('mask').style.display = 'none'
        } else if(detect()==='android' && weChart === true) {
            ios1.href = androidHref
            document.getElementById('mask').style.display = 'block'
        } else if(detect()==='ios'){
            //对IOS系统的移动端页面做点什么
            android1.href = iosHref
            document.getElementById('mask').style.display = 'none'
        }
    }
</script>

 

 

完结!


相关文章
|
6月前
|
JavaScript 前端开发 API
|
7月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
303 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
6月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
164 23
|
6月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
216 8
|
6月前
|
JavaScript 前端开发 容器
|
6月前
|
JavaScript 前端开发
|
6月前
|
存储 JavaScript 前端开发
|
6月前
|
移动开发 JavaScript 前端开发
|
6月前
|
存储 JavaScript 前端开发
|
6月前
|
JavaScript 前端开发

热门文章

最新文章