Jquery apple web app状态栏检测纵向或横向不工作
我正在使用此条件检测ios设备的纵向或横向。但它不起作用。有什么问题吗Jquery apple web app状态栏检测纵向或横向不工作,jquery,html,iphone,web-applications,iphone-standalone-web-app,Jquery,Html,Iphone,Web Applications,Iphone Standalone Web App,我正在使用此条件检测ios设备的纵向或横向。但它不起作用。有什么问题吗 if (navigator.standalone) { var windowHeight = $(window).height(); var windowWidth = $(window).width(); if(windowWidth>windowHeight) { $('body').css('border','0'); }else{
if (navigator.standalone) {
var windowHeight = $(window).height();
var windowWidth = $(window).width();
if(windowWidth>windowHeight) {
$('body').css('border','0');
}else{
$('body').css('border-top','20px solid #c23c2f');
}
}
(windowWidth>windowHeight)似乎不起作用,因为它只在第一次加载页面时起作用,如果用户使用横向作为默认值,那么当倾斜到纵向时,则不满足条件。何时执行此代码 您应该侦听
orientationchange
事件,然后执行代码
参考:
引用添加事件侦听器,如下所示:
<body onorientationchange="updateOrientation();">
但是你也可以用jquery来添加它,你可以用
窗口来确定屏幕的方向。如果你不想计算方向,或者它不可靠,当你在iPhone上以web app的形式安装网站时,就会执行此操作。“添加到主屏幕”