我正在构建一个将在移动设备和桌面上使用的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/找到的