vue项目中获取当前设备 操作系统及版本,设备型号,ip,地区信息
1.获取ip,地区信息使用搜狐IP地址查询接口(?后边设置编码)须连网!http://pv.sohu.com/cityjsonhttp://pv.sohu.com/cityjson?ie=utf-8返回数据形式 returnCitySNindex.html 文件引入<script src="http://pv.sohu.com/cityjson?ie=utf-8"></scrip
·
1.获取ip,地区信息
使用搜狐IP地址查询接口(?后边设置编码)须连网!
http://pv.sohu.com/cityjson
http://pv.sohu.com/cityjson?ie=utf-8
返回数据形式 returnCitySN
index.html 文件引入
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
// 存入sessionStorage
sessionStorage.setItem('ip',returnCitySN.cip)
sessionStorage.setItem('area',returnCitySN.cname)
console.log(returnCitySN);
document.write(returnCitySN.cip);//ip
document.write(returnCitySN.cid);
document.write(returnCitySN.cname);//地区
</script>
2.获取当前设备 操作系统及版本,设备型号
index.html中引入mobile-detect.js文件
下载地址:https://github.com/hgoebl/mobile-detect.js
<script src="js/mobile-detect.js"></script>
js 文件暴露出去
export fuction mobileInfo(){
//判断数组中是否包含某字符串
Array.prototype.contains = function(needle) {
for (i in this) {
if (this[i].indexOf(needle) > 0)
return i;
}
return -1;
}
var deviceType = navigator.userAgent;//获取userAgent信息
document.write(deviceType);//打印到页面
var md = new MobileDetect(deviceType);//初始化mobile-detect
var os = md.os();//获取系统
var version = "";//系统的版本号
var model = ""; //设备型号
if (os == "iOS") {//ios系统的处理
version = md.version("iPhone");
os = md.os();
model = md.mobile();
} else if (os == "AndroidOS") {//Android系统的处理
os = md.os();
version = md.version("Android");
var sss = deviceType.split(";");
var i = sss.contains("Build/");
if (i > -1) {
model = sss[i].substring(0, sss[i].indexOf("Build/"));
}
}
//组装信息
var info = {
os:os,//系统类型
version:version,//系统版本号
model:model //设备型号
};
return info;
}
</script>
更多推荐
已为社区贡献6条内容
所有评论(0)