xit*_*ted 7 html web-applications image startup ipad
我正在构建一个简单的Web应用程序,主要是在iPad上运行.问题是,如果你快速双击主页按钮/点按它,应用程序显示启动图片并加载内容,应用程序冻结启动.如果您尝试快速打开/关闭应用程序,您可能会看到我在说什么.
一旦应用程序冻结,它就会卡在主屏幕上,显示主页面的内容.按主页按钮不会将您带回主屏幕.按电源按钮也不会锁定屏幕.您必须进行硬重置(同时按下主页按钮和锁定按钮).
我认为这里的问题可能是启动图像.有人遇到过这个吗？
测试设备是带有iOS 6.0的iPad 3.
以下是裸骨HTML(仍会导致应用程序冻结):
<!DOCTYPE html>
<html>
<head>
<title>Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link rel="stylesheet" href="css/main.css" />
<!-- iPad (Retina, landscape) -->
<link rel="apple-touch-startup-image"
media="(device-width: 768px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio: 2)"
href="apple.png">
</head>
<body>
Test
</body>
</html>
小智 3
摆脱：
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
为我解决了同样的问题。
在你的情况下尝试将其删除：
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
删除旧的快捷方式并重新添加。