页面扫描二维码下载apk ,区分安卓，苹果
在官网的连接上同时有二维码扫描方式与点击下载方式、、
点击下载跳转到下载页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../../doc/images/logo.png">
<title>***</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="./doc/css/gwcss/style.css" rel="stylesheet">
<script src="./jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
</script>
<style>
#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{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip .close{
color: #fff;
padding: 5px;
font: bold 20px/20px simsun;
text-shadow: 0 1px 0 #ddd;
position: absolute;
top: 0; left: 5%;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
if ( tmp ) {
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
var winWidth = typeof window.innerWidth!= 'undefined' ? window.innerWidth : document.documentElement.clientWidth;
var btn = document.getElementById('download');
var tip = document.getElementById('weixin-tip');
var close = document.getElementById('close');
tip.style.height = winHeight + 'px';
tip.style.width = winWidth + 'px';
tip.style.display = 'block';
close.onclick = function(){
tip.style.display = 'none';
}
}
$("#download").click(function(){
download();
});
});
function is_weixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
}
else {
return false;
}
}
</script>
</head>
<body>
<header class="header-mele">
<div class="container" style="margin-top:8px;margin-bottom:25px;width:200px;height:200px;">
<div class="active_mele item mele-parallax6">
<center><img src="./doc/images/download_buyer.png" width=200></div></center>
</div>
<div><center> <span style="font-size:30px;color:#ed5c5a" id="download-btn">买家版</span></center> </div>
<center><div class=" mele-parallax5" style="margin-top:30px;">
<span style="font-size:24px;color:#fff;" id="download">我是买家点我下载</span> </div></center>
</div>
<div id="weixin-tip"><p><img src="./doc/images/live_weixin.png" width="300" alt="微信打开"/><span id="close" title="关闭" class="close">×</span></p></div>
<!--container end-->
<script>
var tmp = is_weixin();
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appVersion;
return {
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
function download(){
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
window.location.replace("此处替换为苹果url");
$.ajax({//此处为提交后台的下载统计
type:"get",
url:"statservlet?type=download_Page3",
data:"",
success:function(data){
//alert("sucess");
}
});
}
else if ( (browser.versions.android && !tmp) || browser.versions.webKit || browser.versions.webKit ) {
window.location.replace("此处替换为安卓apk的url");
$.ajax({//此处为提交后台的下载统计
type:"get",
url:"statservlet?type=download_Page3",
data:"",
success:function(data){
///alert("sucess");
}
});
}
}
</script>
</body>
</html>
通过扫描方式也是跳转到这个下载页面。
************************************************
二维码的生成
http://www.iefans.net/ie-dangqian-wangye-wangzhi-shengcheng-erweima/#more-20625
是按照这个教程生成，这个有一点就是生成的时候，记得把自己本地测试环境localhost改为自己ip，这样微信扫描才可以往你自己的服务器发请求
微信打开页面直接有一个覆盖层覆盖。 效果图
不上了。。。。上传一个覆盖用到的图片
页面扫描二维码下载apk ,区分安卓，苹果相关推荐
- 微信里的APK链接接打不开怎么办？微信扫描二维码下载APK的解决方案
不管是app的下载链接还是普通文件的链接在微信内置浏览器或者QQ内置浏览器分享都会被拦截.这是腾讯对第三方下载域名实施的打压政策.被屏蔽了也就意味着链接在微信中是无法正常打开的,那么此时用户在微信内打 ...
- 微信扫描二维码下载app（安卓或IOS）
问题:微信直接分享apk文件链接,微信提示"网页包含恶意文件". 解决办法:制作html页面,判断微信打开后,引导用户用浏览器打开链接,下载 碰到问题:微信缓存 参考文章H5页面缓 ...
- 前端如何实现微信扫描二维码下载应用，根据手机系统跳转不同页面
菜花记录 前端如何实现微信扫描二维码下载应用,根据手机系统跳转不同页面 需求 :由于微信扫码无法直接下载需要再跳转到浏览器下载,所以微信扫码页面添加背景图和相关提示 草料二维码生成器地址 整改之前: ...
- 扫描二维码下载app，判断是Android还是ios，并跳转到不同的下载地址
写在前面 通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只 ...
- 扫描二维码下载app，判断是Android还是ios，并跳转到不同的下载地
写在前面 通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只 ...
- 关于扫描二维码下载app功能实现方法
关于扫描二维码下载app功能实现方法 功能实现思路: Androidapk的下载本质上就是文件的下载,所以我们只需要在后台提供一个下载的方法,就能是实现apk的下载. 在实现后台代码以后,我们生成 ...
- 扫描二维码下载APP文件在项目中的实现
实现思路 现在的很多项目都拥有web网页端和APP端,一般都是同时使用,当使用APP时则需要下载,常用的方式则是扫描二维码下载.现在来分享一下自己在工作中具体是如何实现扫描二维码进行下载的. 生成二维 ...
- Java通过二维码下载Apk====安卓手机
需求:通过二维码下载apk文件 1,创建springboot项目(新建maven项目) 2.创建包和类 3.源码 import org.springframework.stereotype.Contr ...
- 制作IOS企业版App网页扫描二维码下载安装
有时候我们需要在XX网站的主页上去扫描二维码下载,那么ios开发中如何做到这一点呢. 我给大家解答一下,这也是在最近工作中用到的部分,在网上了解了一些. 下面给大家分解一下步骤: 1.Plist 和 ...
最新文章
- vmware esxi 5.1 开启嵌套虚拟化
- Smarty foreach
- 【测试点三、四、五分析】1032 Sharing (25 分)_28行代码AC
- python根据年月日计算天数_「每日一练」Python实现输入年月日计算第几天
- 博客园的“随笔、文章、新闻、日记”有啥区别
- 怎样将Datatable中的数据直接导入到Excel模板上
- html5 超链接 图像映射,链接图像
- mysql主主互备模式配置
- ANSYS SPEOS VRXPERIENCE-基于物理特性的智能驾驶传感器高精度仿真
- Dell笔记本周期性闪屏故障
- SQL编程：外键约束
- 打造更安全的视频加密，云点播版权保护实践
- android 输入法下一步,Android Edittext 软键盘输入法回车键改成下一步Next
- [历朝通俗演义-蔡东藩-前汉]第011回 降真龙光韬泗水 斩大蛇夜走丰乡
- 为什么IT行业工作那么火爆，仍然人才短缺
- 修改Keil MDK的背景为黑底或护眼（绿色）
- Application.DoEvent使用
- 关于软件界面设计、控件颜色搭配、一些实用建议(偷懒技巧)总结——针对C# WinForm/WPF技术
- html打印预览出现重叠,打印预览下面的怎么会重叠在上面
- VMware Convert 使用