微信扫码下载APP(带有蒙层)
微信扫码下载APP
APP下载
<div class="photo" id="photo"><div class="buttonTop"><ul style="list-style: none;"><li><button id="android" class="button" type="button" style="background-color:#28c397;" onclick="downloadfunction(id)">安卓版下载</button></li><li><button id="ios" class="button" type="button" style="background-color:#389aff;" onclick="downloadfunction(id)">IOS版下载</button></li></ul></div>
</div>
<!--引入遮蔽层-->
<div id="Mask">
</div>
<script type="text/javascript">var ua = navigator.userAgent.toLowerCase();var SHOW = 0;//如果使用的是微信自带浏览器,就打开蒙版if (ua.match(/MicroMessenger/i) == "micromessenger") {document.getElementById('photo').style.display = 'none';document.getElementById('Mask').style.display = ++SHOW % 2 == 1 ? 'block' : 'none';}function downloadfunction(id) {var value = document.getElementById(id).innerHTML;if (value == "安卓版下载") {// 此处写Andoird 的下载地址window.location.href = "此处是地址";} else if (value == "IOS版下载") {// 此处写ios的下载地址window.location.href = "此处是地址";}}</script>
微信扫码下载APP(带有蒙层)相关推荐
- 微信扫码下载app的前端界面代码
下载app二维码扫码下载,当用户微信扫码下载时 微信不能直接下载应用,所以做了一个过渡界面给用户来交互响应.效果图如下图: html的源代码如下. <!DOCTYPE html> < ...
- 解决微信扫码下载的两个方法
解决微信扫码下载有两个方法:一是去腾讯开发平台http://open.qq.com/上传自己的应用,二是弄一个提示页,提示用户用其他浏览器打开链接. 上传应用到腾讯开发平台 把应用上传到腾讯开发平台, ...
- vue生成app二维码,并扫码下载app
文章目录 项目需求 开发 web官网下载页的开发 web官网地址生成下载二维码 项目需求 公司要做一个web官网的下载页面,功能是微信扫码可以直接下载Ios手机端app.Android手机端app.及 ...
- vue扫码下载app,并区分安卓和ios
由于微信扫码,并不能识别apk文件,所以先做一个前置页,把这个前置页做成二维码,我是用草料二维码生成器的,很方便. 下面贴一下前置页AppDownload.vue代码 <template> ...
- java实现二维码扫码下载APP
1.需要的组件 /** * 生成二维码(QRCode)图片的公共方法 * @param content 存储内容 * @param imgType 图片类型 ...
- 苹果手机微信扫码下载pdf文件,出现空白页。
问题描述 要实现微信扫二维码下载pdf文件的功能,苹果手机微信扫码后,第一次扫码,提示下载:后续扫码有时pdf文件被空白页遮挡,有时正常:,用安卓手机微信扫码.或者用苹果手机支付宝扫码都是正常,怀疑是 ...
- 微信扫码下载APK解决方案
方案一: 扫码进入一个普通的过渡页面,并且提示用户点击右上角"在浏览器中打开",进入下载页面. 方案二: 将APP申请加入腾讯的应用宝,申请通过后可直接用应用宝管理后台提供给你的的 ...
- Vue实现路径转二维码,并用手机扫码下载APP
目录 1.安装qrcodejs2插件 2. 页面中引入 3.页面中填充 4.页面中调用 5.完整代码 6.最终效果 今天,组长让我做一下扫二维码就可以下载APP的一个功能,也参考了网上其他技术大佬的一 ...
- vue扫码下载APP安装包
把appDownload.vue地址生成二维码即可 临时跳转页 appDownload.vue <template><div class="guide-wrap" ...
最新文章
- html中连续点击某个标签会出现蓝色的解决方法
- c/C++计算int / int *数组的长度;sizeof(指针),sizeof(数组名)的区别
- java try-with-resource语句使用
- csdn怎么快速转载别人的文章
- 实时数仓Hologres首次走进阿里淘特双11
- 免校准的电量计量芯片_交直流两用计量芯片HLW8112
- 小程序 长按转发_小程序转发分享
- js实现下载 .txt文件
- 代码比较工具DiffMerge的下载和使用
- windows7安装ffmpeg教程
- win7升级win10系统
- linux如何添加旅游,旅游散记
- 5OSPF的邻居和NBMA环境下的邻居
- 微型机器人正迎来发展,三大领域应用大有可为
- SQLIntegrityConstraintViolationException: ORA-00001: unique constraint及sequence调整初始值
- 嵌入式硬件基础知识汇总<附带与硬件密切相关的软件介绍>
- 快讯:好奇号火星车传来喜讯
- jQuery 表单数据序列化为json格式
- SQL DDM和DML
- 对于毛星云opencv教程中的方法汇总