ios - 内容在离线网络应用程序加载时消失几分之一秒

Question

我在 iOS 4.3 到 5.0 上观察到了这一点。当你创建一个即使是简单的离线网络应用程序时，这意味着一个 HTML 文件 + 少量 Assets ，如 CSS 和 JS(都存在于缓存 list 中)，它可以离线工作(我在飞行模式下测试过)——但是，当您将这样的应用程序添加到您的主屏幕并以全屏模式打开它时，它首先显示初始内容，然后一切都消失(页面变白)半秒或更长时间，然后内容重新出现再次。

你可以通过添加 Glyphboard 来查看，一个著名且有用的离线网络应用程序，到您的 iOS 主屏幕并启动它几次。每次加载时您都应该看到白色闪光效果。

这是一个大问题，因为它泄露了应用的非原生性，给人的印象是该应用未针对性能和错误进行优化。

我曾尝试查找有关此问题的报告，但我所能找到的只是有关 iOS 4.3 JavaScript 渲染引擎惨败的谣言和误解，与此问题根本不需要相关。但在 iOS 版本 3 中，我清楚地记得从未见过白色闪光。

Answer 1

由于 HTML 的渐进特性，渲染时清除屏幕和其他伪像是 HTML 渲染的常见问题。这个概念是浏览器应该尽可能早和经常地绘制，并在样式/脚本/内容可用时呈现它们。标记可能存在问题，即所有呈现都被延迟，直到某些内容或脚本可用。如果出现以下情况，可能会发生这种情况:

• 您有基于图像尺寸的动态高度，但您没有在标记或 CSS 中设置图像尺寸。
• 您的布局基于表格，您没有在 CSS 中使用“table-layout:fixed”。
• 您的 HTML 使用带 document.write() 的内联脚本。
• 您有某种显示/修改内容的 onLoad() 函数。
• 您链接到外部样式表。
• 您正在使用不可缓存的外部内容或您已禁用缓存。
• 您使用的外部内容返回 404 或无法离线使用。

您的 HTML/CSS 在测试 IOS 版本之间是否发生了变化？