2

Webkit では、3D CSS 変換セットは無期限に繰り返され、それまたは親要素がスタイリング (CSS) によって非表示になっている場合でも続行されますか?

私が尋ねる理由は、開発中のページで予想外に高い CPU 使用率が見られるためです。

この問題を診断する良い方法を誰かが知っている場合 (たとえば、タブごとのブランケット CPU 使用率ではなく、ページのどこで CPU サイクルが発生しているかを視覚化するなど)、私は非常に感謝しています。

事例証拠 (非表示の CSS アニメーションの削除) は、アニメーションがバックグラウンドで実行されていることを示唆しています。これを防ぐ方法を知っている人はいますか？

4

2 に答える 2

2

In chrome 16.0.912.75, at least CSS animations appear to continue even when the element is set to visibility:hidden;. Setting display:none appears to resolve the issue.

于 2012-01-18T15:29:35.827 に答える
1

開発者ツールを使用して、この種の状況をデバッグできます

chrome / safari 右クリックで要素を検査します。

タイムライン タブに移動し、記録をクリックすると、ブラウザが内部で何をしているかを確認できます。

于 2012-01-18T09:39:13.477 に答える