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/找到了

上传时防止空闲状态（iOS上的Web应用程序）

1 个答案: