防止上传时出现空闲状态(iOS 上的 Web 应用)


Prevent idle state when uploading (web app on iOS)

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

我正在通过将它作为"主屏幕"网络应用程序(即您已保存到主屏幕的网站)运行来测试该应用程序,如果这有什么不同的话。

最初我找不到答案(很可能是由于我对问题的特定措辞),但我最终将以下内容添加到我的上传模式中,以防止我的手机在模式打开时进入睡眠状态(仅在 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/找到的