Question

我正在开发一个在较旧的iOS硬件上加载一些问题的网站。我很确定这些问题与加载到网站中的图像的总大小有关（大型图形设计师组合视觉效果），但是无法找到有关这些硬件限制的任何文档。网站使用HTML / CSS / JS编写，其中包含一些用于家庭幻灯片的jQuery库。网站是使用Yeoman构建的，并使用Twitter Bootstrap 3搭建。

网址：http://bradshawdesignsolutions.com

iOS8测试：iPad Air（2013）=＆gt;好的，Retina Mini（2013）=＆gt;好吧，iPhone 4S =＆gt;挂起/崩溃

iOS7测试：iPad 2 =＆gt;挂起/崩溃

任何有助于我指出解决这一问题的正确方向的帮助都将不胜感激。即使将解决方案切成两半......

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中的 Inspect 子菜单＆＃39 ; s 开发菜单，看看出了什么问题。

网站加载在iPad2，iPhone 4S上发布iOS

1 个答案: