iPad Web App在启动时冻结

时间:2012-10-01 20:52:47

标签: html image ipad web-applications startup

我正在构建一个简单的网络应用程序,主要是在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>

2 个答案:

答案 0 :(得分:3)

摆脱:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

为我解决了同样的问题。

在你的情况下尝试解决这个问题:

<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

删除旧快捷方式并重新添加。

答案 1 :(得分:2)

我有一个完全可重复的类似问题。 它看起来像是一个iOS错误,因为当我进入另一个着名的网络应用程序(金融时报)时,它做了同样的事情。

他们对这个问题的回答似乎是...在初始加载屏幕之后他们基本上有第二个加载屏幕,一种&#34;请等待......&#34;在用手机做任何其他事情之前,用户有点接受提示并等待它完成的消息。

事实上,如果我让我自己的应用程序加载到最后,关闭它,回到它,关闭它,回到它,我不能做足够的时间来实现它,除非我这样做无需等待它加载。

所以答案(直到这个错误从任何iOS更新解决它来解决)是在初始加载屏幕之后有一个非常强大的加载屏幕3秒,从而阻止人们过早关闭它。

来吧Apple,如果你能解决这个问题,我会永远爱你!