微信扫码跳转浏览器下载app

效果图

源码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1" /><title>APP下载</title>
</head><body><style type="text/css">* {margin: 0;padding: 0;}img {max-width: 100%;height: auto;}.drawDownAppText {height: 100vh;max-width: 100vw;font-size: 32px;text-align: center;padding-top: 20%;background-image: url(xz.png);background-size: 100% 100%;}.drawDownAppText a {text-decoration: none;}.xz {padding: 1px 15px;background: #36f;width: 150px;border-radius: 35px;text-align: center;margin-left: 15%;box-shadow: 4px 4px 15px -3px #666;color: #fff;margin: 0 auto;margin-top: 100px;height: 45px;}</style><div class="drawDownAppText"><div style="margin-top: 100px;">测试APP</div><div class="xz"><a href="这里是apk地址" style="color: #fff; font-size: 25px;">点击下载</a></div></div><div></div><script type="text/javascript">function is_weixin() {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {return true;} else {return false;}}var isWeixin = is_weixin();var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;function loadHtml() {var div = document.createElement('div');div.id = 'weixin-tip';div.innerHTML = '<p><img src="/bj.png" alt="微信打开"/></p>';document.body.appendChild(div);}function loadStyleText(cssText) {var style = document.createElement('style');style.rel = 'stylesheet';style.type = 'text/css';try {style.appendChild(document.createTextNode(cssText));} catch (e) {style.styleSheet.cssText = cssText; //ie9以下}var head = document.getElementsByTagName("head")[0]; //head标签之间加上style样式head.appendChild(style);}var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 5%; padding:0 5%;}";if (isWeixin) {loadHtml();loadStyleText(cssText);}</script>
</body></html>

源码包括图片下载地址
https://download.csdn.net/download/spc007spc/15580551

注意这只是微信扫码后跳转的单页面

微信扫码跳转浏览器下载app相关推荐

在线制作微信跳转浏览器下载app/打开指定页面源码
微信自动跳转外部浏览器下载app/打开指定页面源码源码说明: 适用安卓和苹果系统,支持任何网页链接.并且无论链接是否已经被微信拦截,均可实现微信内自动跳转浏览器打开. 生成的跳转链接具有极佳的防拦截 ...
微信扫码跳转小程序并传参
1. 打开微信公众平台微信公众平台扫码登录小程序的后台开发>开发管理>开发设置>扫普通链接二维码打开小程序>添加 2. 输入业务域名 3. 下载校验文件这里我用一个aa ...
在线实现微信跳转浏览器接口，一键跳转浏览器下载App/打开URL尽在Elephant-Jump
[Android & IOS]Elephant-Jump(大象跳转)跳转接口是针对于APP/H5在推广时无法正常在微信中打开的解决方案的接口.该接口主要实现微信内打开分享链接自动跳转浏览器访问 ...
微信通过扫码或链接直接下载APP方法
主要原理是修改header微信下载pdf时会跳转到手机自带浏览器,判断如果不是微信浏览器就跳转到下载链接,此方法仅安卓手机可用. java中可直接复制代码: <% String ua = req ...
微信扫码提示在浏览器中打开的遮罩代码
由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载. 之前写过的两篇文章:微信打开网址添加在浏览器中 ...
微信中H5呼起浏览器下载app方法
微信中H5下载app文件方法实现思路前端示例代码 java示例代码实现思路经测试微信发现如果下载文件是.apk文件会进行拦截,如果是别的下载文件(如:http://xxx/123.doc文件) ...
微信扫码提示在浏览器中打开的遮罩代码解决方式
相信做前端的朋友一定都遇到这种情况的.当你的网页中有直接链接apk下载的时候会没有反映的.是因为在微信内是无法下载软件.手机APP等.那么这个时候一般的解决方案就是.必须要点击右上角三个点.选择&qu ...
支付宝扫码跳转小程序并传参
支付宝扫码跳转小程序并传参 1. 打开支付宝开放平台支付宝开放平台打开支付宝开放平台,进入自己的小程序详情页面.点击小程序码>关联普通二维码>添加按钮 2. 输入业务域名这里我们选择 ...
微信扫码登陆PC端（Vue）（小程序）
本文章基于Vue项目并且已经开发一个完整上线的微信小程序,制作PC端时实现微信小程序扫码登陆PC端. 一.向后端请求token 1.后端会定时生成并更新的一个token 2.正常的接口请求从后端拿到这 ...
重磅！微信二维码引擎OpenCV开源！3行代码让你拥有微信扫码能力
点击上方"CVer",选择加"星标"置顶重磅干货,第一时间送达本文转载自:OpenCV团队 2011年12月微信3.5版本正式上线"扫一扫&quo ...

微信扫码跳转浏览器下载app

微信扫码跳转浏览器下载app相关推荐

最新文章

热门文章