js实现在微信中唤起本地APP

使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信一更新基本失效。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新。

直接判断微信的ua,如果是在微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮。这样子用户就只能在浏览器中打开,并且可以直接下载应用了。

css代码

<style type="text/css">
    *{
        margin:0;
        padding:0;
    }
    a{
        text-decoration: none;
    }
    img{
        max-width: 100%;
        height: auto;
    }
    .weixin-tip{
        display: none;
        position: fixed;
        left:0;
        top:0;
        bottom:0;
        background: rgba(0,0,0,0.8);
        filter:alpha(opacity=80);
        height: 100%;
        width: 100%;
        z-index: 100;
    }
    .weixin-tip p{
        text-align: center;
        margin-top: 10%;
        padding:0 5%;
    }
</style>

HTML 代码

<div class="weixin-tip">
    <p>
        <img src="live_weixin.png" alt="微信打开"/>
    </p>
</div>

JS代码

<script type="text/javascript">
    $(window).on("load",function(){
        var winHeight = $(window).height();
        function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }
        var isWeixin = is_weixin();
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
        }
    })
</script>

有个herl工具,是可以在微信中自动打开手机浏览器下载APP。

  1、herl工具网址:http://www.fishtool.cn

  2、填写下载的apk的地址,或者下载页链接

  3、点击一键生成,会自动生成二维码和一个链接地址(两个是同一个地址,根据你的需要选择)

  4、生成的二维码或者链接,用微信扫一扫或者用微信打开连接,就可以测试了效果了

 

  如果大家有更好的解决方案或者工具,欢迎推荐分享!

原文地址:https://www.cnblogs.com/fishjump/p/11104919.html

时间: 2024-10-05 01:08:06

js实现在微信中唤起本地APP的相关文章

iOS/Android 浏览器(h5)及微信中唤起本地APP

在移动互联网,链接是比较重要的传播媒质,但很多时候我们又希望用户能够回到APP中,这就要求APP可以通过浏览器或在微信中被方便地唤起. 这是一个既直观又很好的用户体验,但在实现过程中会遇到各种问题: 如何解决未安装APP时的做好引导页 如何在微信中唤醒APP 在iOS9中如何处理universal link被用户误关的情况 如何解决Android各种机型.各种第三方浏览器导致的兼容问题等 在APP未安装情况下,引导用户下载后打开APP后,如何进入之前唤起时指定的页面或内容,即如何实现场景还原 在

iOS/Android 微信及浏览器中唤起本地APP

在微信里面打开app的指定页面,考虑到使用Url Scheme,可是微信已经禁止了,但是通过浏览器可以实现,最终是在微信里面让用户通过打开浏览器,使用安卓或者IOS开发者提供的协议短链,如贴吧APP,协议为:com.baidu.tieba:// ,微信的:weixin://实现在浏览器中打开app指定页面,通过传递不同的参数实现跳转不同的页面 而对于点击链接后,能否直接打开,可以通过下面的代码来实现. js代码 document.querySelector("#linkApp").on

Ios/Android h5 唤起本地APP

纠结两天(浏览器中唤起本地APP),一直找不到解决方案,今天总算基本搞定. ps:吐槽一下 魔窗那篇文章,为什么就不直接把js代码开源开源,混淆后的代码看得我好恼火 参考文章:魔窗解决方案.京东解决方案 首先是判断浏览器 // 判断浏览器 var Navigator = navigator.userAgent; var ifChrome = Navigator.match(/Chrome/i) != null && Navigator.match(/Version\/\d+\.\d+(\.

微信中无法下载APP的解决方案(微信自动跳转浏览器打开下载链接)

现在微信分享的功能很多,从分享的链接下载apk安卓包是很正常的,但是微信不让下载apk包,只能通过浏览器来下载,但是这要给用户一个提示吧,不然用户不知道 下面我们来实现,用户通过微信点击跳转浏览器来下载apk包 基于微信后端开发了一款微信推广助手,使用了本程序生成的链接,用户在微信任意环境下点击链接或者扫描二维码,可以实现直接跳转手机默认浏览器并打开指定网页. 我们开发的此款跳转产品,应用范围广泛.除了下载APP外,还可以跳转到浏览器打开被屏蔽的网站,跳转到支付宝领取红包,跳转到淘宝打开指定页面

微信中如何实现APP分享链接判断,实现在默认浏览器打开

要做app的分享到微信的页面,如果手机已经安装了这个APP就显示"打开应用"按钮,如果手机没有安装app就显示"下载应用"按钮.但是 如果用户是在微信环境中打开了这个链接是无法进行下载和唤醒APP的,所以要价格判断 如果用户在微信打开了,需要跳到浏览器打开下载链接或者唤醒APP! 现在可以实现安卓手机的话是通过点击链接,直接跳转出微信.自动打开手机默认的浏览器 打开月牙跳转网址:http://www.aizhuanlove.cn/按步骤操作即可实现 原文地址:htt

微信中如何实现APP分享链接判断,实现在浏览器打开

由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载.其实原来很简单,就是判断当前是在微信内置浏览器中,然后将默认隐藏的提示层显示出来. 代码在博客上有很多.我就不献丑了. 原文地址:https://www.cnblogs.com/boooomdax/p/10472332.html

微信中打开第三方网页,怎么解决不打开浏览器就能够下载文件

文章背景 在微信中,打开app下载链接,或者使用微信扫一扫app下载二维码,都是无法下载app的.因为腾讯为了自身利益,屏蔽了其他app直接在微信中下载. 而访问指定网页的链接在微信内分享转发次数多了就会被微信拦截,用户打开提示“已停止访问该网址”.这也是腾讯对第三方网页内容含敏感词或者被人举报次数过多的域名实行的拦截方案. 那么此时如果想解决这个问题的话,必不可少的方案就是能实现微信内跳转到手机浏览器打开网页或者下载APP,下面为大家介绍的一种方案,可实现微信内直接下载APP或跳转浏览器打开网

微信中通过页面(H5)直接打开本地app的解决方案

简述 微信中通过页面直接打开app分为安卓版和IOS版,两个的实现方式是完全不同的. 安卓版实现:使用腾讯的应用宝,只要配置了"微下载"之后,打开链接腾讯会帮你判断本地是否已经安装了app,如果本地安装就直接打开,没有安装的话就是腾讯微下载的页面进行app下载,当然微下载的页面腾讯提供了几个模板,可以自己选择和修改. IOS实现:ios像直接点击链接打开本地app就难了,有两种方式可供我们选择: 1.腾讯深度合作的公司,微信可以帮你打开app: 2.使用IOS9+的新功能"U

js调用本地app

常常有这样的场景,咱们开发出来的Native-APP需要在Web-APP中进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码.但往往我们都是直接给推广图片加了一个下载链接(App Store中的).所以咱们来模拟一下用户的操作步骤: 1.用户第一次访问Web-APP a.点击Banner,进入到APP Store中对应的APP下载页 b.APP下载页中提示:安装:用户点击安装 c.安装完成后,APP下载页中提示:打开:用户继续点击打开 d.用户正常使用APP 2.用户第二次访问We