iPad(仅限 3G 机型)Safari 崩溃



我正在使用deck.js(http://imakewebthings.com/deck.js/)来重新创建公司的PowerPoint演示文稿,使用相当多的CSS3动画和Javascript。

在我的仅限wifi的iPad2上通过开发进行测试,这很好,但是在wifi + 3G iPad1,2和3上检查页面在页面加载时崩溃Safari(iPhone 4S工作正常)。

一些基本的调试(逐张删除幻灯片)表明,强制崩溃的是 DOM 的大小,因为当我将演示文稿从 31 张幻灯片减少到 21 张时,它工作正常。

页面的总大小约为 4.3MB,我尝试使用 appcache 清单无济于事。

我在各种论坛上读到,许多人都遇到iOS 5.1 Safari崩溃的问题 - 有没有人经历过iPad 3G型号在复杂DOM的压力下崩溃?

任何想法和建议非常感谢。

照原样,这似乎是此类设备上甲板.js的限制。Martin Fowler 报告了相同的问题,并最终以增量方式加载幻灯片作为解决方法 (http://martinfowler.com/bliki/Infodeck.html)。

查看问题是否来自加载 DOM 或显示它(默认甲板.js主题未针对显示效率进行优化)会很有帮助。不幸的是,我无法测试,因为我没有 ipad,但我建议尝试隐藏所有幻灯片,看看是否仍然崩溃。一些CSS代码可以做到这一点:

.deck-container > .slide:not(.deck-current), .deck-container > .slide:not(.deck-child-current) { display: none; }

最新更新