vue判断手机端还是pc端,vue安卓和苹果有区别吗
这篇文章主要介绍了某视频剪辑软件如何判断安卓还是IOS，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
vue判断安卓还是IOS最近工作上遇到这样一个需求所以我们需要进行一个判断H5端判断安卓跟ios显示不同的背景图
vue判断安卓还是IOS
最近工作上遇到这样一个需求
某视频剪辑软件写的页面，需要同时跟安卓和ios进行交互；
若是安卓，执行代码：安卓。完成activity()；若是IOS，执行代码：尝试{
窗户。WebKit。消息处理程序。完成活动。postmessage(" ")；
}catch(错误){
console.log(WKWebView发布消息);
}
所以我们需要进行一个判断
是安卓还是IOS:因为是做的单独的应用所以没有考虑微信的问题
finishActivity() {
设ua=navigator。用户代理。tolowercase()；
//安卓终端
设isan droid=ua。( Android )-1 ua的索引。( Adr )-1的索引；
//ios终端
让isiOS=！ua.match(/\(i[^；] ;(U；)?中央处理器.麦克OS X/)；
if(/(iPhone iPad iPod iOS)/I . test(navigator。用户代理){
//ios
console.log(我是IOs’)
//这里是和IOS商量好的写法，调用IOS的完成活性方法
尝试{
窗户。WebKit。消息处理程序。完成活动。postmessage(" ")；
}catch(错误){
console.log(WKWebView发布消息);
}
} else(/(Android)/I . test(navigator。用户代理){
//安卓
console.log(我是安卓)
//这里是和安卓商量好的写法，调用安卓的完成活性方法
安卓。完成activity()；
}
}
然后就可以一个页面同时给安卓和IOS进行交互啦！
H5端判断安卓跟ios显示不同的背景图
html:
div :class=`${isApple==true？index-cont-phone : index-cont } ` /div
css:索引-续{
宽度：100%;
高度：自动；
最小高度：100vh
溢出-x:隐藏；
后台：网址( https://tuolohoodong。中国深圳OSS-。阿里云。com/interaction _ H5/main _ bg3png’)无重复；
背景-大小：包含；
边距：0;
底部填充：199%;
//位置：固定；
}。索引-联系电话{
宽度：100%;
高度：自动；
最小高度：100vh
溢出-x:隐藏；
后台：网址( https://tuolohoodong。中国深圳OSS-。阿里云。com/interaction _ H5/main _ bg4png’)无重复；
背景-大小：包含；
边距：0;
底部填充：199%;
//位置：固定；
}
js:
脚本
导出默认值{
名称："索引",
data() {
返回{
艾瑟普：没错，
}
},
},
方法：{
//判断是安卓还是ios
appDown() {
var u=navigator.userAgent
var isiOS=！u.match(/\(i[^；] ;(U；)?中央处理器.麦克OS X/)；
var isan droid=u . index of( Android )-1 u . index of( Adr )-1；//安卓终端
if(isiOS){
this.isApple=true
}else if(isAndroid){
this.isApple=false
}
},
已安装(){
//调用判断ios与安卓方法
这个。app down()；
},
}
/脚本
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。