一个地址或二维码自动识别设备,并跳转到各自相应的下载地址,兼容微信

如题,以前都是给客户提供安卓和iOS两个二维码,实在觉得麻烦,就是一劳永逸了一下。不会传附件,需要相关素材的可以私我。

 1 <html>
 2 <head>
 3 <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>下载 Space X APP</title>
 6 <script language="javascript" type="text/javascript">
 7     window.onload = function(){
 8         //下载地址,下面三个编写需根据需求修改
 9         var androidurl = "http://192.168.18.83:8080/testweb/abc.apk";
10         var iosurl = "https://itunes.apple.com/cn/app/id1165700634?mt=8";
11         var appname = "点击下载"+"Space X";
12
13         //设置下载地址到下载链接
14         document.getElementById(‘appname‘).innerHTML = appname;
15         document.getElementById(‘admanual‘).href = androidurl;
16         document.getElementById(‘iosmanual‘).href = iosurl;
17         //判断浏览器
18         var u = navigator.userAgent.toLowerCase();//获取判断用的对象,不区分大小写
19         var uA = navigator.userAgent;//获取判断用的对象,区分大小写
20         var isandroid = uA.indexOf(‘Android‘) > -1 || uA.indexOf(‘Adr‘) > -1; //android终端
21         var isios = !!uA.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
22         if(isios){//iOS系统
23             window.location.href = iosurl;
24         }else if(isandroid){//安卓系统
25             if(u.match(/MicroMessenger/i)=="micromessenger"){
26                 //如果是微信,安卓则提示在浏览器中打开
27                 document.getElementById(‘downloadmsg‘).innerHTML=‘请点击右上角图标,在浏览器中打开。‘;
28                 document.getElementById(‘downloadmsg‘).style.cssText="font-size: 1.4rem; text-align: right;;display: block;";
29                 //显示箭头
30                 document.getElementById(‘weixinjiantou‘).innerHTML=‘<img src="箭头@2x.png" width="40"/>‘;
31                 document.getElementById(‘weixinjiantou‘).style.cssText="font-size: 1.4rem; text-align: right;;display: block; padding-right:5%;";
32             }else{
33                 //如果不是微信,安卓跳转下载
34                 window.location.href = androidurl;
35             }
36         }else{//不是手机?
37             document.getElementById(‘downloadmsg‘).innerHTML = "请手机浏览器中打开进行下载。";
38             document.getElementById(‘downloadmsg‘).style.cssText="font-size: 1.4rem; text-align: center;display: block;padding-top: 10%";
39             document.getElementById(‘apppic‘).style.cssText="background-repeat: no-repeat; background-size:414px 736px;background-position:center";
40             document.getElementById(‘maintable‘).style.cssText="margin-top:5%";
41         }
42     }
43 </script>
44 </head>
45 <body id="apppic" background="背景.png" style="background-size:100% 100%;">
46 <span id="weixinjiantou"></span>
47 <span id="downloadmsg"></span>
48
49 <table id="maintable" align="center" style="margin-top: 20% ">
50 <tr>
51     <td style="text-align: center;">
52     <span id="appname" style="font-size: 1.4rem;"></span>
53     </td>
54 </tr>
55 <tr>
56     <td style="text-align: center;">
57     <a href="#" id="iosmanual" target="_blank"><img src="iOS按钮@2x.png"  style="width: 70%;"></img></a>
58     </td>
59 </tr>
60 <tr>
61     <td style="text-align: center;margin-top: 10px; ">
62     <a href="#" id="admanual" target="_blank"><img src="Android按钮@2x.png" style="width: 70%;"></img></a>
63     </td>
64 </tr>
65 </table>
66 </body>
67 </html>

原文地址:https://www.cnblogs.com/xinghuangroup/p/8493412.html

时间: 2024-10-13 11:26:41

一个地址或二维码自动识别设备,并跳转到各自相应的下载地址,兼容微信的相关文章

扫描二维码自动识别手机系统(Android/IOS)

移动互联网发展迅速,各种APP的开发都会推出多个版本(多终端),比如:iPhone版.iPad版.Android版.有些APP还会考虑覆盖到多个国家(国际化),比如:中文版.英文版.日文版.韩文版等.此外,针对不同渠道(流量来源)也会提供不同的版本(多渠道),比如:百度版.Google版.阿里版.腾讯版等. 对于应用提供方,希望入口只有一个:扫描二维码直接下载.怎样让这张二维码承载这么丰富的信息量,让不同终端.不同国家.来自不同渠道的用户扫描同一个二维码能下载到对应的APP客户端呢? 这里参照S

扫描二维码自动识别手机系统(Android/IOS)及网站来源

一.针对"多终端适配"&"APP国际化" <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>手机APP下载页面:根据终端辨别下载地址</title> <script type="text/javascript"> // 获

【转载】 扫描二维码自动识别手机APP下载地址

移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版.英文版.日文版.韩文版等,我们可称之为:APP国际化. 还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版.Google版.阿里版.腾讯版,等,我们可称之为:多渠道适配. 但是对于应用提供方,一定希望入口只有一个:在二维码疯狂流行的年代,必然是已扫描二维

扫描二维码自动识别手机APP下载地址

原文地址https://www.baidufe.com/item/92457b4d0bfde1effa40.html 移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版.英文版.日文版.韩文版等,我们可称之为:APP国际化. 还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版.Google版.阿里版.腾讯

iOS开发-二维码扫描和应用跳转

iOS开发-二维码扫描和应用跳转 序言 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如ZXing或者ZBar.使用时集成麻烦,出错也不方便调试.在iOS7之后,苹果自身提供了二维码的扫描功能,从效率上来说,原生的二维码远高于这些第三方框架.本文讲解如何使用原生框架实现二维码扫描功能,并且进行扫描后的项目跳转.ps:本期的源代码会在文章结尾给出链接 扫描相关类 二维码扫描需要获取摄像头并读取

二维码扫描和应用跳转

转载自: http://sindrilin.com/ios-dev/2015/11/01/二维码扫描和应用跳转.html 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如ZXing或者ZBar.使用时集成麻烦,出错也不方便调试.在iOS7之后,苹果自身提供了二维码的扫描功能,从效率上来说,原生的二维码远高于这些第三方框架.本文讲解如何使用原生框架实现二维码扫描功能,并且进行扫描后的项目跳转.

Android 生成带Logo的二维码或普通的二维码,后续将会推出一个java exe二维码生成插件

前几天在做微信绑定的时候,利用 Google Zxing 完成了一系列项目需求,可能后续还会更进,做得更人性化,比如自定义二维码,自定义LOGO,单个二维码绑定硬件设备,绕过 官方API限制,达到扫一次绑定公众号的需要 这次就不贴代码了,另外我把生成和保存的代码都注释了,包括二维码内容的填充,保存地址,都有详细的标识,有时间就写一个java swing exe 插件给大家用,跨平台的那种, 就是不管你电脑里有没有装 java 都可以用的插件 这里我就不上代码了,上几个效果图给大家看看生成效果,然

使用javascript生成当前博文地址的二维码图片

前面的话 在电脑端发现一篇好的博文,想在手机上访问.这时,就必须打开手机浏览器输入长长的URL地址才行,非常不方便.如果在博客标题的后面跟一张小的图片,点击该图片后,出现一张二维码的大图,然后再通过手机扫一扫,来进行博文的访问,就相对方便很多. 通过搜索引擎搜索了一些生成二维码的文章,发现其并不是一件容易的事.同时,也发现了qrcode插件,该插件专门用于生成二维码.于是,在qrcode的基础上,实现了一个二维码插件qr 效果演示 如果细心的话,会发现该博文标题的后面紧跟着一个表示二维码的手机小

ESA2GJK1DH1K微信小程序篇: 测试微信小程序扫描Air202上面的二维码绑定设备,并通过MQTT控制设备

前言 暂无 实现功能概要 微信小程序通过扫描GPRS上的二维码,绑定GPRS设备.然后使用小程序通过GPRS远程控制开发板上的继电器, 远程显示单片机采集的温湿度数据. 一,硬件程序 硬件程序采用基础篇 https://www.cnblogs.com/yangfengwu/p/11762609.html  的底层硬件程序 该源码已经拷贝到了当前测试目录 二,微信小程序源码 测试准备工作 一,下载单片机程序(请自行下载) 二,打开微信小程序软件,导入本节工程 三,把小程序安装到手机运行 四,调整波