html - iPad2、iPhone 4S 上的 iOS 网站加载问题

Question

我正在开发一个网站，该网站在加载较旧的 iOS 硬件时存在一些问题。我很确定这些问题与加载到站点中的图像的总大小有关(大型图形设计师作品集视觉效果)，但无法找到有关硬件这些限制的任何文档。站点使用 HTML/CSS/JS 编码，带有一些用于主页幻灯片的 jQuery 库。站点是使用 Yeoman 构建的，并使用 Twitter Bootstrap 3 搭建了脚手架。

网址:http://bradshawdesignsolutions.com

iOS8 测试:iPad Air (2013) => 正常，Retina Mini (2013) => 正常，iPhone 4S => 挂起/崩溃

iOS7 测试:iPad 2 => 挂起/崩溃

如果能为我指明解决此问题的正确方向，我们将不胜感激。即使解决方案是将图像切成两半......

Answer 1

您似乎正在将大量图像加载到 iPad2 中，它只有 1024x768 屏幕，但您的许多图像要大得多。例如这个http://bradshawdesignsolutions.com/images/bg-slides/0f5416af.slide-4.jpg是 2025x1207，而且似乎有几个是这个尺寸。

检查员还显示了这个 Javascript 错误:

[Error] TypeError: null is not an object (evaluating 'e.text')
    c (8bda17b1.vendor.js, line 4)
    assetLoaded (8bda17b1.vendor.js, line 4)
    d (8bda17b1.vendor.js, line 4)
    dispatch (8bda17b1.vendor.js, line 2)
    handle (8bda17b1.vendor.js, line 2)

如果您手头有一台 Mac，我会将 iPad 2 插入其中(在 Safari 的设置中启用 Web Inspector 之后)并使用 Mac Safari 的开发检查子菜单strong> 菜单，看看出了什么问题。