2012-04-24 48 views
2

我使用deck.js(http://imakewebthings.com/deck.js/)重新创建公司简报演示文稿,使用一点点CSS3动画和Javascript。iPad(仅适用于3G机型)Safari宕机

通过我的无线上iPad2上的开发测试已经很好,但检查WiFi + 3G iPad1,2 & 3该页面在页面加载时崩溃Safari(iPhone 4S正常工作)。

一些基本的调试(删除幻灯片逐一)认为,它是被强迫崩溃的DOM的大小,因为它工作正常,当我从31名滑落减少演示文稿21

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

我已经阅读过各种论坛,很多人都遇到了iOS 5.1 Safari崩溃的问题 - 没有人有任何iPad 3G模型在复杂的DOM应力下崩溃的经验吗?

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

回答

1

就像这样,它似乎是这样的设备上的deck.js的限制。 Martin Fowler报告了相同的问题,最后逐渐加载幻灯片作为解决方法(http://martinfowler.com/bliki/Infodeck.html)。

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

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