我正在构建一个将在移动设备和桌面上使用的Web应用程序,在iOS上进行测试后,我注意到我的手机将进入空闲状态(屏幕关闭,返回时显示锁定屏幕)即使有文件正在上传(ajax上传)。有什么办法可以防止这种情况发生吗?
我正在测试应用程序,将其作为“主屏幕”的网络应用程序(即您保存到主屏幕的网站)运行,如果这有所不同。
答案 0 :(得分: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/找到了