javascript - 上传时防止空闲状态(iOS 上的网络应用程序)

Question

我正在构建一个将在移动设备和桌面设备上使用的 Web 应用程序，在 iOS 上进行测试后，我注意到我的手机将进入空闲状态(屏幕关闭，返回时显示锁定屏幕)即使有文件正在上传(ajax上传)。有什么办法可以防止这种情况发生吗？

我正在通过将应用程序作为“主屏幕”网络应用程序(即您保存到主屏幕的网站)运行来测试该应用程序(如果这会产生影响)。

Answer 1

最初我找不到这个问题的答案(很可能是由于我对问题的特殊措辞)，但我最终将以下内容添加到我的上传模式中，这阻止了我的手机在模式打开时休眠(仅在 iOS7 上测试):

<div style="display:none">
   <audio id="prevent_sleep" style="display:none" src="prevent_sleep.mp3" onended="this.play();" controls loop autobuffer autoplay></audio>
</div>
//prevent_sleep.mp3 is a 10 second silent mp3 file

<script>
   window.onload = function() {
      var audioEl = document.getElementById("prevent_sleep");

      audioEl.load();
      audioEl.play();
   };
</script>

我在 http://flax.ie/how-to-get-hidden-autoplaying-audio-in-html5-on-ios/ 找到的