在iOS webapp上的启动屏幕和预加载程序之间获取flash

在iOS webapp上的启动屏幕和预加载程序之间获取flash,ios,iphone-standalone-web-app,Ios,Iphone Standalone Web App,我已经构建了以下测试场景:用于将在iPhone Chromeless上运行的webapp。如果您在iPhone上打开它并将其添加到主屏幕,您将看到它是一个全屏web应用程序,带有启动屏幕和预加载程序 我已将用户将看到的启动屏幕和第一个屏幕设置为与报价相同的:“通常,设计一个与应用程序第一个屏幕相同的启动图像。避免在应用程序启动完成时包含可能看起来不同的元素,这样用户就不会在启动图像和第一个应用程序屏幕之间体验到闪光。” 如上所述,我已经将它们做了相同的设置,以防止在启动和应用程序本身之间发生闪存

我已经构建了以下测试场景:用于将在iPhone Chromeless上运行的webapp。如果您在iPhone上打开它并将其添加到主屏幕,您将看到它是一个全屏web应用程序,带有启动屏幕和预加载程序

我已将用户将看到的启动屏幕和第一个屏幕设置为与报价相同的:“通常,设计一个与应用程序第一个屏幕相同的启动图像。避免在应用程序启动完成时包含可能看起来不同的元素,这样用户就不会在启动图像和第一个应用程序屏幕之间体验到闪光。”

如上所述,我已经将它们做了相同的设置,以防止在启动和应用程序本身之间发生闪存(通常是由于不同的UI组件,其中我的组件在启动时不会更改).但是我仍然会看到这个flash!这就像应用程序显示启动,然后隐藏,然后显示网站,其中包括再次显示启动画面和启动图像


有什么办法可以解决这个问题吗?我甚至尝试过将html/body本身设置为启动屏幕的背景图像,但它们在加载时仍然是一个闪光灯。也尝试过使用实际图像而不是背景,但还是同一个问题。

好。快速回答:不要使用ios启动图像imo,因为它只是显示非常unr在ios之外,你无论如何也不能使用它。我不知道我花了多长时间试图获得一个像样的图像来显示,一旦你谈论不同的设备和格式,你必须提供的所有图像都会让人讨厌

我已经完成了一个css/javascript启动屏幕,我正在为我自己的应用程序使用它(例如)。您可以指定一个纵向和横向图像(4种大小),根据设备的不同加载

背景附加到
splash
类,我在主体上设置它,并在应用程序加载后删除它


我已经将代码放在Github上的一个应用程序中。请随意使用。如果您有任何问题,请告诉我。

我确实知道,对于本机应用程序来说,放置加载图像是正确的,但是您链接的文档中没有任何地方表明对于web应用程序也是正确的。

我打赌您看到的flash是窗口的背景或您的webview、 它很可能是白色的,当应用程序加载时,它不会立即呈现页面,因此在一瞬间你会看到窗口的白色背景


我会尝试在应用程序委托或Interface Builder中编辑_window.backgroundColor(我猜是属性名称),如果这不能解决问题,请查看您是否可以编辑webview的背景色。所有这些都可能取决于您用于创建webapp的任何工具链(即phonegap)

你找到解决方案了吗?我发现这个问题对于iPhone来说至关重要,不管你的应用程序是什么

举个例子:它显示了一个背景为
#ccc
的网站,iphone 7的初始屏幕为
#ccc

<!doctype html>
<html style="background-color: #ccc;">
<head>
  <title>iOS web app</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-title" content="iOS web app">
  <meta name="viewport" content="initial-scale=1">
  <link href="https://placehold.it/750x1294" media="(device-width: 375px) and (device-height: 667px)
                 and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
</head>
<body style="background-color: #ccc;">
  <h1>iOS web app</h1>
</body>
</html>

iOS网络应用程序
iOS网络应用程序

当应用程序加载时,您可以看到闪烁

快速加载应用程序会让人感觉更糟,有点癫痫,闪烁。如果启动屏幕变暗,情况会再次变得更糟。

可能是重复的