一个地址或二维码自动识别设备,并跳转到各自相应的下载地址,兼容微信
如题,以前都是给客户提供安卓和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
一个地址或二维码自动识别设备,并跳转到各自相应的下载地址,兼容微信相关推荐
- 二维码的生成(可设置大小)以及插件下载地址
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍.本文最下面附有插件的下载地址! 方式1: 基于jquery.qrco ...
- 【转】扫描二维码自动识别手机APP下载地址 .
移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑 ...
- 在没有个人/公司网站的情况下,如何利用同一个二维码自动识别手机系统(Android/IOS)跳转不同下载页面
一.使用场景 开发了一款App,包括iOS及Android版,到了推广阶段,准备生成二维码让用户扫码下载,那这个二维码该怎么生成?iOS及Andorid各自生成一个二维码让用户区分下载?当然这种方式是 ...
- 谷歌浏览器插件,当前网页地址的二维码
经常在pc浏览网站时想要用手机来打开 如果登录了qq和微信直接复制就可以打开了 要是没有登录,而且网站地址很长,那就麻烦了 于是有个想法,如果有个浏览器插件可以直接将当前页的url生成二维码,如何手机 ...
- vue项目中图片地址生成二维码
前言 一.图片地址生成二维码 二.使用步骤 1.安装插件 2.执行方法(点击图片之后,弹框显示并且显示二维码) 总结 前言 vue中点击图片生成二维码,利用的是qrcode插件,在需要使用的页面中引入 ...
- 基于二维码的设备巡检系统相关技术
基于二维码的设备巡检的设计与实现 作者:不染心 时间:2022/5/28 项目地址: https://mbd.pub/o/author-aWaVlmpkYw==/work 文章目录 基于二维码的设备巡 ...
- 突破屏蔽,提升店铺销量,你需要一个社交媒体二维码
2021"京东618,18周年庆"累计下单金额超3438亿元,创下新的纪录.236个品牌销售过亿,其中中国品牌占比达73%. 从每年的618.双12 这些购物狂欢节不断攀升的巨额成 ...
- 如何制作一个漂亮的二维码 QRBTF
作者 ciaochaos CPunisher 置顶:我们的二维码生成网站 qrbtf.com 有人说,二维码是 线下向线上转化最重要的入口,无论是对于线下商家.自媒体运营者.策展人还是纸媒编辑,二维码 ...
- 根据url地址生成二维码,微信扫描二维码可直接打开网址
需求:根据url地址生成二维码,微信扫描二维码可直接打开网址 html代码: <input id="text" type="text" value=&qu ...
最新文章
- 如何让mysql的自动递增的字段重新从1开始呢?(
- Sqlite使用技巧集锦
- Linux系统二进制bin文件操作的10种方法
- AppleScript: Handler
- phpexcel 获取工作簿名称_工作分享 | Excel快速汇总考勤
- MySQL:too many connections
- 上达最高精度,下到最快速度,Scaled-YOLOv4:模型缩放显神威
- js判断浏览器是否安装或启用了flash的方法总结
- 快速开发微信小程序直播--微信直播--小程序直播开发
- 大一学科不挂科 速冲方法推荐(高数上+高数下+线代+大物)
- 直播美颜滤镜软件加持下的网络直播
- 干货!量子技术入门、进阶、行业专家观点、最新资讯!1000篇好文帮你揭开量子技术神秘面纱!
- android sdk引入 微信分享_android 调用本地微信自定义多图分享朋友圈,可放在share sdk中一起使用...
- 数字签名技术及加密算法
- 硬件知识:独立显卡和集成显卡的区别
- HBase 集成 Phoenix 构建二级索引实践
- 求最小值C语言用宏定义,最小值宏定义的解析
- 16年蓝桥杯第九题-交换瓶子
- Only老K说-spa项目实现jwt验证码
- 细说协程零一、协程的概念
热门文章
- PyQt5 技术篇-通过参数控制Dialog窗口增加?问号按钮
- Python 技术篇 - 通过代码查看文本的编码类型实例演示,如何查看文件的编码类型,文件编码查看方法
- 在scala中访问postgresql(使用sbt)
- cumprod--累积连乘
- Kaggle-MNIST之路
- 快速生成一个二维矩阵Python
- idea 添加 VUE 的语法
- 怎么把本地的项目同时提交到两个仓库
- Error:(3, 32) java: 程序包org.springframework.boot不存在
- SaltStack 安装及配置认证