javascript - Mobile Safari iOS 无法仅在第一页访问时加载多个小文件(例如图像或 JavaScript)

Question

我一直在解决 iPhone 和 iPad 无法同时加载多个 Assets 的问题。两种情况:

a) 加载大约 20 多个外部 JavaScript 文件 - 这在我的实时网站上不是问题，因为我在部署之前将我的 JavaScript 合并到一个文件中，但会导致我的测试服务器出现问题。

b) 加载约。同一页面上有 20 多张小缩略图(每张约 30kb)。

在这两种情况下，Safari(通常)会卡在少数文件上并且永远不会完成加载它们。 iOS 顶部菜单上的加载指示器一直处于加载状态，直到刷新。

您第二次访问(缓存 Assets 时)一切都会好起来的。我必须清除 Safari 的缓存才能重现该问题。

我可以通过延迟加载 JavaScript 中的 Assets 来解决这个问题，但这很麻烦，我想更好地了解出了什么问题，看看我是否可以找到更简洁的解决方案。

可以在这里看到一个示例(在 iOS 设备上访问):http://www.jamesgretton.co.uk/expem/so_ios_multi/

此外，如果它有用，我通过延迟缩略图的加载解决了这里的问题:http://www.interior-id.com/work/但否则它会崩溃。

如有任何想法，我们将不胜感激!

詹姆斯

Answer 1

我的测试服务器上也有类似的问题，它与基本身份验证密码配置有关。一旦我们删除了身份验证 header ，Mobile Safari 就会按预期加载所有文件。