设置元标记时
支持苹果移动网络应用程序
和
苹果移动网络应用程序状态栏样式
要创建全屏web应用程序,iOS状态栏位于屏幕顶部(半透明),底部还有一个空的黑色栏
这是我的密码:
<;!DOCTYPE html>&书信电报;html>&书信电报;头>&书信电报;meta charset=“utf-8”大于;
<;meta name=“支持苹果移动网络应用程序”content=“yes”>;
<;meta name=“viewport”content=“初始比例=1.0,最大比例=1.0,最小比例=1.0”>;
<;meta name=“apple touch fullscreen”content=“yes”>;
<;meta name=“苹果移动网络应用程序状态栏样式”content=“black”>;
</头>;
<;车身>&书信电报;h1>;测试</h1>;
<;p>;使用照相机拍摄照片</p>;
<;输入type=“file”capture=“camera”accept=“image/*”>;
</车身></html>;
标签apple mobile web app状态栏样式还有一个问题。通过相机输入拍摄并接受照片后,屏幕两侧会出现黑色条。
我在iPad3上使用iOS8 GM
我认为这可能是一个iOS 8错误,但苹果似乎并不关心我的错误报告:(
有人知道这个问题的解决方案/解决方法吗
更新1:
苹果在9月19日将我的错误报告标记为重复(已关闭)
更新2:
iOS 8.3 Beta 1中修复了该漏洞
从技术上讲,这并不是对你问题的回答,但我一直在记录我的发现,同时试图自己解决这个问题,这是我迄今为止的发现。我本来打算把它作为自己的问题发布,但我想它会作为一个副本关闭
在运行固定web应用程序的iOS8设备上。关于标记:
<;meta name=“苹果移动网络应用程序状态栏样式”content=“black”>;
苹果开发者参考:
如果内容设置为默认值,则状态栏显示正常。如果设置为黑色,则状态栏背景为黑色。如果设置为黑色半透明,则状态栏为黑色半透明。如果设置为默认值或黑色,则web内容显示在状态栏下方。如果设置为黑色半透明,则web内容显示在整个屏幕上,部分被状态栏遮挡。默认值为默认值
要启用此功能,您需要使用
<;meta name=“支持苹果移动网络应用程序”content=“yes”>;
在iOS6和iOS7中,这或多或少与预期的一样有效
在iOS8中,这似乎完全被打破了。例如,在iPad Air In-Picture上运行的iOS 8.0.2具有以下行为:
黑色产生透明背景。屏幕底部有一个黑色实心条默认值或不设置值会导致屏幕底部出现透明背景和白色实心条黑色半透明产生一个透明的背景,但在屏幕底部没有令人讨厌的条
在所有情况下,内容都显示在栏的“下方”。即,栏不会向下推内容
在iPhone6上,状态栏在横向中根本不显示。但在纵向中,以下行为:
黑色按预期工作,内容向下推(哇!!!)default在顶部有一个空白的白色条黑色半透明产生一个透明的背景,下面是内容
我还没有机会在iPhone6上进行测试+
xcode中的iOS模拟器似乎无法可靠地再现真实设备上发生的行为
我曾尝试用javascript动态更改它,但似乎没有效果
为了让这更有趣/令人沮丧,您可以通过在html元素上设置样式来覆盖状态栏(时钟/wifi等)
html{背景:黑色;}
正文{背景:#DDD;页边顶部:20px}
其他地方也记录了同样的问题:
- https://discussions.apple.com/thread/6557230?start=0&;tstart=0