微信网址遮罩引导法升级版，微信自动跳转默认浏览器打开HTML

微信打开网址添加在浏览器中打开提示和微信扫描打开APP下载链接提示代码优化，尽管已经做得很简单，但发现很多问这类问题的都是小白。

其实原来很简单，就是判断当前是在微信内置浏览器中，然后将默认隐藏的提示层显示出来。

第一步：判断微信的UA。

var ua = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(ua);

第二步：引入默认隐藏层。

<a href="http:www.wy42.cn//test.apk" id="JdownApp">点击下载APP</a>
<a href="http:www.wy42.cn//test.apk" id="JdownApp2" class="btn-warn">点击下载APP2</a>
<div class="wxtip" id="JweixinTip">
<span class="wxtip-icon"></span>
<p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
</div>

第三步：添加CSS样式

.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
.wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

第四步：点击按钮显示隐藏层，点击隐藏层关闭，总的JS代码如下：

function weixinTip(ele){var ua = navigator.userAgent;var isWeixin = !!/MicroMessenger/i.test(ua);if(isWeixin){ele.οnclick=function(e){window.event? window.event.returnValue = false : e.preventDefault();document.getElementById('JweixinTip').style.display='block';}document.getElementById('JweixinTip').οnclick=function(){this.style.display='none';}}
}
var btn1 = document.getElementById('JdownApp');//下载一
weixinTip(btn1);
var btn2 = document.getElementById('JdownApp2'); //下载二
weixinTip(btn2);

以上代码，你再也不用担心有多个按钮了。

麦粒微跳——微信打开浏览器、下载APP

微信网址遮罩引导法升级版，微信自动跳转默认浏览器打开HTML相关推荐

微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
本文章向大家介绍微信点击网页链接或者扫一扫二维码强制跳转到手机系统浏览器打开指定页面,主要包括微信点击网页链接或者扫一扫二维码强制跳转到手机系统浏览器打开指定页面使用实例.应用技巧.基本知识点总结和需 ...
如何在微信中点击链接或者扫码自动调用手机默认浏览器打开
首先MaxJump这款工具已经帮我们解决了微信访问外部链接不能下载或者跳转的限制,解除限制并实现直接跳转和下载的功能,效果如下图: 那我们要如何使用这款工具呢,这里给大家分享两种方法. 1.使用Max ...
大象跳转：解析微信内自动跳转浏览器打开URL网页的操作步骤
现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,如此给用户带来的体验台差,用户量无法有效地累积起来, ...
怎样一键生成微信跳转链接，可以自动跳转浏览器打开URL网页
现如今微信对第三方app下载链接的拦截是越来越严格了,下载链接在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,如此给用户带来的体验台差,用户量无法有效地累积起来, ...
2023最新网站在QQ打开自动跳转浏览器打开(qq自动跳转浏览器代码)
最新可用网站在QQ打开自动跳转浏览器打开,这个代码检测到是qq打开网站就会跳转到浏览器打开,不过在我测试的时候发现只能跳转到qq浏览器,其他浏览器不会跳. 把代码加到页面里面就行了,跳转打开会打开当前 ...
微信无法下载APP的解决方案 : IOS自动跳转商店（App Store）安卓自动跳转手机默认浏览器下载
来源分析商业分析在微信的使用人数已经高居各通讯APP的榜首的同时,微信成为了我国移动流量最大的平台之一.在次趋势的引导下,很多的商家.体户便抓住了这一机遇,利用微信这个渠道来做产品的推广.以及营销方 ...
微信中无法下载APP的解决方案（微信自动跳转浏览器打开下载链接）
一.需求描述现在微信分享的功能很多,从分享的链接下载apk安卓包是很常用的一个功能.但是微信自带的scheme接口是不允许直接通过微信下载apk包的,只能通过浏览器来下载,但很多用户不知道是被屏蔽了 ...
微信分享链接打开无法下载APP的解决方案（微信自动跳转浏览器打开下载链接）
需求分析目前的APP基本都支持二维码扫描下载,二维码下载也成为了大家用起来很顺手的一种方式.由于微信的用户基本占据了国内市场的 90%,说到扫一扫用户第一个想到的就是打开微信扫一下,通过微信分享AP ...
微信小程序页面3秒后自动跳转
setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式. 语法格式可以是以下两种: setTimeout(function () { // wx.red ...

微信网址遮罩引导法升级版，微信自动跳转默认浏览器打开HTML

微信网址遮罩引导法升级版，微信自动跳转默认浏览器打开HTML相关推荐

最新文章

热门文章