JS判断是IOS还是Android以及如何解决h5打包后在ios下内容与状态栏重叠问题

时间:2022-07-29 23:41:06

h5打包后在ios下内容与状态栏重叠问题:

1:知道设备的类型:

var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

上面的isAndroid和isios返回的都是boolean类型的值。

2:当设备是ios时,添加一个给body加一个类名:

if(isiOS){
$("body").addClass("uh_ios7");
}

css文件下加样式:

.uh_ios7 .uh,.uh_ios7{
padding: 2em 0 0;
}