白羽
2018-06-06
来源 :网络
阅读 1527
评论 0
摘要:本文将分享Webapp源码之如何判断浏览器类型,希望本文对大家学WEBAPP有所帮助。
修改app.components.ts
@Component({
templateUrl: 'app.html'
})export class MyApp {
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen,
private storageService:StorageService,private ionicService:IonicService) {
let browser = {
versions: function() {
let u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
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应该程序,没有头部与底部
};
}()
}
// 客户端类型
// String IOS = "IOS";
// String ANDROID = "Android";
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
console.log("IOS");
this.storageService.write('cuType', "IOS");
this.cuType = "IOS";
}
else if (browser.versions.android) {
this.storageService.write('cuType', "Android");
console.log("Android")
this.cuType = "Android";
}
else
{
this.storageService.write('cuType', "Android");
console.log("Android")
this.cuType = "Android";
}
}
}
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道!
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了

请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号