js实现在微信中下载app
需求:从微信里跳到外部浏览器进行apk文件下载
原因:在微信内不允许直接下载apk
微信中提示在浏览器中打开
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content="" /><meta name="keywords" content="" /><!--<link rel="stylesheet" type="text/css" href="__CSS__/ionic.min.css"> --><link rel="stylesheet" type="text/css" href="css/swiper.min.css"><link rel="stylesheet" type="text/css" href="css/wx.css"><title>下载APP</title>
</head>
<style>*{margin:0px;padding:0px;}body{background:#fff;/*overflow:hidden;*/}#weixin-tip img{width:100%;}#weixin-tip{display:none;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{position:relative;width:90%;margin:0 auto;}#weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:0;}
</style>
<body><a id="J_weixin" href='文件下载地址'><div id="weixin-tip"><p><img src="__STATIC__/index/lib/tp_1.png" alt="微信打开"/><span id="close" title="关闭" class="close">×</span></p></div>
</body>
<script>var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();window.onload = function() {var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉var btn = document.getElementById('J_weixin');var tip = document.getElementById('weixin-tip');var close = document.getElementById('close');if (is_weixin) {btn.onclick = function(e) {tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏tip.style.display = 'block';return false;}close.onclick = function() {tip.style.display = 'none';}}}// var remap=document.getElementById('remap');// remap.style.height=(winHeight-20) + 'px';
</script>
</html>
亲测没有问题。
方案2:用CommaTool工具
利用工具我们可以省去以上步骤,在微信中打开连接后,会自动跳到外部浏览器进行下载
使用教程:
①:输入需要在微信中打开的网址链接。
②:点击生成按钮,生成转换后的链接和二维码。
③:复制生成后的链接或者扫一扫二维码即可。
js实现在微信中下载app相关推荐
- 微信中下载APP的方案 安卓手机弹出默认浏览器打开 苹果跳转App Store苹果商店下载
在微信中,打开app下载链接,或者使用微信扫一扫app下载二维码,都是无法下载app的. 因为腾讯为了自身利益,屏蔽了其他app直接在微信中下载.下面给分享下,找到的2种有效的解决方案. 方案:点击链 ...
- 微信中下载app共有两种实现方式,然而安卓手机跟苹果手机还尽然不同。
1.苹果用户打开后要么自动调起App Store下载(前提是你的应用在苹果商店上架了):要么是去Safari下载. 2.安卓用户打开链接后要么直接下载,要么前往手机默认浏览器下载. 以上是最好的实现方 ...
- js实现在微信中下载apk
使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信一更新基本失效.大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新 ...
- 怎样微信扫描二维码跳转页面,H5页面在微信中下载APP的实现方式
使用微信推广的用户经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户在微信中打开会提示" 已停止访问该网页 ".这对于使用微信营销的商家来说就很不友好且损失非常大,因为用 ...
- 微信中下载APP,页面跳转提示信息的实现
相信做前端的朋友一定都遇到这种情况的,当你的网页中有直接链接apk下载的时候会没有反映的,是因为在微信内是无法下载软件.手机APP等,那么这个时候一般的解决方案就是:必须要点击右上角三个点,选择&qu ...
- 微信中下载app无反应 微信浏览器无法apk下载链接方案
上半年公司有一个新的APP项目上线,我们在项目首页做个二维码,然后用户用手机扫一扫就能下载了.但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使 ...
- 微信扫一扫功能扫描二维码调用外部浏览器打开指定页面实现微信中下载APP的功能
需求分析 分享链接已经成为手机应用一个非常重要的推广传播形式.为了提高转化率,就需要用户不管是在微信内直接打开链接还是扫描二维码都能直接打下载app. 但由于微信对第三方应用管的非常严格,故目前的大环 ...
- 微信中无法下载APP h5页面在微信中下载APP的解决方案
很多朋友都已经习惯在微信内分享网页链接和二维码了,通过扫描二维码下载APP或打开网页也成为大家惯用且非常方便的方式了.如此微信就成为了扫描二维码重要的工具,因为对于用户来说,说到二维码大家第一反应就是 ...
- herl工具解决微信中下载APP
微信是目前超高活跃度的app稳稳第一名,是目前最具营销价值的营销渠道之一. 很多朋友应该都遇到过这样的问题,微信中是无论是扫描二维码下载还是下载页链接下载apk(APP),都是无法下载的,我们要怎么解 ...
最新文章
- 删除json中的指定元素_DeleteFile,VBA中借助Windows Scripting Host删除指定文件
- 如何在 React Native 中写一个自定义模块
- MM引擎新应用——爱车加油记
- 张高兴的 Windows 10 IoT 开发笔记:RTC 时钟模块 DS3231
- 开发iOS百度地图大头针可以重复点击
- 移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
- CCF201512-1 数位之和(100分)
- Resnet论文解读与TensorFlow代码分析
- 大数据对能源发展有什么作用
- 镜像资源的使用:100倍速度提升不是梦!
- svn up出现类似svn: Error converting entry in directory ‘.‘ to UTF-8问题解决
- 2019年数学建模美赛经验总结
- CAD2019的使用
- 树的中序遍历(递归,迭代,莫里斯)
- 【Debug】ERROR: ld.so: object '/usr/local/lib/ff.so' from /etc/ld.so.preload cannot be preloaded: igno
- Chrome更新89版本后,sessionStorage丢失a标签跳转丢失sessionStorage
- 如何批量将 ppt 后缀格式的演示文稿转换为 pptx 格式
- Xilinx FPGA嵌入式开发(一) - EDK及SDK部分术语
- JavaScript新人总结
- iPhoneX上必须要有的几款手机APP