2

私はdeck.js（http://imakewebthings.com/deck.js/）を使用して、かなりの量のCSS3アニメーションとJavascriptを使用して、会社のパワーポイントプレゼンテーションを再作成しています。

私のwifiのみのiPad2での開発によるテストは問題ありませんが、wifi + 3G iPad1、2、および3をチェックすると、ページの読み込み時にSafariがクラッシュします（iPhone 4Sは正常に機能します）。

いくつかの基本的なデバッグ（スライドを1つずつ削除する）は、プレゼンテーションを31スライドから21スライドに減らすと正常に機能するため、クラッシュを強制しているのはDOMのサイズであることを示唆しています。

ページの合計サイズは約4.3MBで、appcacheマニフェストを使用してみましたが無駄になりました。

多くの人がiOS5.1Safariのクラッシュで問題を抱えていることをさまざまなフォーラムで読んだことがありますが、複雑なDOMの負荷の下でiPad 3Gモデルがクラッシュした経験はありますか？

どんな考えや提案も大歓迎です。

4

1 に答える 1

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; }
于 2013-08-21T14:21:56.457 に答える