H5判断当前设备以及不同设备不同环境上下载app
来源:互联网 发布:好看的超能力美剧 知乎 编辑:程序博客网 时间:2024/06/05 07:22
在前端开发中,判断当前设备是什么?
在不同的设备上怎么样实现下载APP
总结一下:
1:如果是在iPhone上,那么直接调用AppStore,进入到AppStore里面下载;地址在ios开发者账号中可以看到;
2:如果是在pc上或者是Android上使用的是浏览器打开,那么直接下载一个apk,这个apk可以是放在自己的服务器上,那么地址也就是这个服务器的地址加apk.
如:"http://服务器IP地址/软件名称.apk"
3:如果是在微信上打开的,那么走应用宝下载,
废话不多说,上代码。有遗漏的欢迎大家补上。然后我修改
<body>
<div>
<h1 id="do">所处的环境+调用app store+Andriod上下载apk安装包</h1>
</div>
</body>
function infoMore() {
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return { //移动终端浏览器版本信息
weixin:u.match(/MicroMessenger/i) == 'MicroMessenger',
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -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
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if(browser.versions.android && browser.versions.webKit){//安卓
window.location = "http://域名/abc.apk";
}
if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){ //IOS
window.location = "https://itunes.apple.com/cn/app/***********/id1037684721?l=zh&ls=1&mt=8";
}
if(browser.versions.weixin && browser.versions.android){//微信安卓
window.location = "http://app.qq.com/#id=detail&appid=1101069854";
}
if(browser.versions.weixin && browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){//微信IOS
window.location = "http://app.qq.com/#id=detail&appid=1101069854";
}
}
- H5判断当前设备以及不同设备不同环境上下载app
- 在浏览器里判断设备来源,跳转到不同的App下载页JS
- iOS 判断不同种类的设备
- APP支持不同的设备 之 支持不同的语言
- APP支持不同的设备 之 支持不同屏幕
- h5判断移动设备是否安装了某app,有跳转,无则跳至下载页面
- MVC判断不同设备 controller跳转不同页面
- Android支持不同设备上的显示
- 如何在一个设备上安装一个App的两个不同版本
- xcode IOS开发中如何让APP的不同版本共存于设备上
- 判断App版本号/iOS系统版本号/4gWiFi环境/当前设备类型/横竖屏
- 适应不同的设备
- 支持不同的设备
- 3.0 支持不同设备
- 支持不同的设备
- 不同设备支持
- 支持不同的设备
- Android兼容不同设备
- iOS 使用命令行打包程序
- xocde 开发常用快捷键
- Remove Duplicates from Sorted List II
- Dev GridControl 单元格错误提示
- 更新ruby镜像
- H5判断当前设备以及不同设备不同环境上下载app
- 《Android群英传》读后感
- Queue 与 List
- loadonce:true后trigger("reloadGrid")无效
- Linux(Ubuntu)下MySQL的安装与配置
- java 二叉树(二)递归方式创建二叉树
- C Sharp里的委托和事件
- 2015广工数据结构anyview题库
- leetcode:1. Two Sum