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

通过在仅支持wifi的iPad2上进行开发测试就可以了,但是在wifi + 3G iPad1、2和3上进行检查时,页面在页面加载时使Safari崩溃(iPhone 4S正常工作)。

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

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

我在各个论坛上都读到过很多人都遇到了iOS 5.1 Safari崩溃的问题-有人对复杂的DOM造成的iPad 3G模型崩溃有任何经验吗?

任何想法和建议,不胜感激。

最佳答案

照原样,这在此类设备上似乎是deck.js的限制。 Martin Fowler报告了同样的问题,最终以渐进方式逐步加载幻灯片(http://martinfowler.com/bliki/Infodeck.html)。

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

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

关于ipad - iPad(仅3G型号)Safari崩溃,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10295951/

10-12 12:50
查看更多