javascript - Cordova iOS 应用程序，从后台模式返回后出现页面性能问题

Question

我已经使用 Cordova 编写了我的 iOS SPA，它遵循以下机制

$$.ajax({
    type: 'GET',
    url: 'example.html',
    dataType: 'text',
    cache : true,
    async: true,
    success: function (response) {
         // Attach some handlers to elements.
         // There are bunch of closures here
    },
    error: function (xhr, type) {
         // Load previous page
    }
});

在全局中，我正在添加如下所示的委托(delegate)事件处理程序

$(document).on('tap', '.element', function(){
    // Do some actions
});

第一次启动应用程序时它运行流畅，但是当应用程序从后台模式返回到前台时，我可以看到以下问题

1. 滚动非常慢，如果我不给 -webkit-overflow-scrolling : touch
2. 即使我没有太多数据要显示，模板之间的切换也非常慢。
3. 在恢复时，我正在获取手机联系人，但在获取他们时应用程序被阻止，我无法点击任何元素。

这些问题的原因是什么，我知道有很多原因导致了问题，但无法弄清楚。请帮我解决这个问题。

Answer 1

不确定这是否适用于您，但我的 Cordova 应用程序也遇到了类似的问题。这是一款使用 requestAnimationFrame 进行更新的游戏。我找到了 this thread在 HTML5 游戏开发留言板上，它建议在 Cordova 应用程序进入后台时停止任何更新循环，然后在应用程序返回前台时恢复更新循环。

他们的代码示例(当然，根据你的框架改变):

document.addEventListener("pause", function() {
    game.paused = true;
    game.raf.stop();
}, false);

document.addEventListener("resume", function() {
    game.paused = false;
    game.raf.start();
}, false);

修复成功了:不再减速。 YMMV.