摘要:本文将分享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频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号