iOS 8 Bug-当设备从睡眠状态返回时，OnUpdateReady再也不会调用

安装iOS 8.1.1修复了此问题。

我也看到了同样的问题，尽管我的例子要简单得多。只需拥有一个带有的网络剪辑应用程序

<script> window.setInterval(function(){ console.log("Johnny Five Alive! : " + new Date()); },1000); </script>

在页面上。检查控制台，睡眠唤醒后，不再有控制台输出。这在iOS7上运行良好（我的实际应用程序是一个复杂的angularJS，我只是把问题归结为这个）。你对你的错误报告有任何回应吗？

我们的解决方法（针对AJAX）是：

• 检测iOS8（事实上，8.0.2仍然有这个）（另请参阅其他解决方法：如何在屏幕解锁后恢复iOS8 web应用程序上的JavaScript计时器？）
• 删除正常的eventListener，但保留onProgress

...
this.onProgress = function(e)
{
    var position = e.position || e.loaded;
    var total = e.totalSize || e.total;
    var percentage = 0.0;
    if(total != 0)
    {
        percentage = position / total;
    }
    if(percentage == 1) {
        if( this.isIOS8() ) {
            recovery_uuid.get(uuid, _.bind(this.ios8ScriptReturn, this));
        }
    }
}
    ...
   //this gets called when the script with this UUID is injected
   this.ios8ScriptReturn = function(uuid, value) {
//then we create a simpler non real one 
        this.xhr = {};
        this.xhr.readyState = 4;
        this.xhr.status = 200;
        this.xhr.responseText = value;
        this.xhr.onreadystatechange = null;
        this.xhr.isFake = true; 
        //fake stateChnage
        this.onReadyStateChange();
    }

• 为每个请求添加一个UUID

if( this.isIOS8() ) {
    ajaxInfo.url += '&recoveryUUID='+ajaxInfo.uuid;
}

• 然后仍然执行XHR发送（这实际上很好，服务器获取并发送回也很好）
• 服务器端将"结果"保存在数据库/文件中，UUID作为索引/文件名的一部分

//detect the need for saving the result, and save it till requested
if(isset($_GET['recoveryUUID'])) {
    $uuid = $_GET['recoveryUUID'];
    RecoveryUUID::post($uuid, $result_json_string);
}

• 在客户端上创建一个小的helper全局对象，用于侦听代码注入并将其重定向到onProgress处理程序

   var RecoveryUUID = (function (_root) {
    function RecoveryUUID() {
        this.callbacks = {};
    }
    var proto = RecoveryUUID.prototype;
    proto.onLoaded = null;
    proto.set = function(uuid, value) {
        console.log('RECOVERY UUID: Received DATA: '+uuid+' value: '+value);
        if(typeof this.callbacks[uuid] != 'undefined') {
            this.callbacks[uuid](uuid, value);
            delete this.callbacks[uuid]; //auto remove
        } 
        if(this.onLoaded != null) {
            this.onLoaded(uuid, value);
        }
        var script = document.getElementById("recoveryScript_"+uuid);
        script.parentElement.removeChild(script);
    }
    proto.getURL = function(uuid) {
        return "http://"+window.location.hostname+":8888/recoveryuuid/index.php?uuid="+uuid;
    }
    proto.get = function(uuid, callback) {
        var script = document.createElement("script");
        script.setAttribute("id", "recoveryScript_"+uuid);
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", this.getURL(uuid));
        if(typeof callback != 'undefined') {
            this.callbacks[uuid] = callback;
        }
        document.getElementsByTagName("head")[0].appendChild(script);
    }

    return RecoveryUUID;
})();
//global - just so the injected script knows what to call
recovery_uuid = new RecoveryUUID();

• 加载的脚本会立即执行（推送，因为setInterval也是死的）

 // this is: http://"+window.location.hostname+":8888/recoveryuuid/index.php?uuid=...."
<?php
header('Cache-Control: no-cache, no-store, must-revalidate, post-check=0, pre-check=0 '); // HTTP 1.1. //iOS force this file to keep fresh
header('Pragma: no-cache'); // HTTP 1.0.
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header('Content-type: application/javascript; charset=UTF-8');
if(isset($_GET['uuid'])) {
    $uuid = $_GET['uuid'];
    $out = 'recovery_uuid.set('.json_encode($uuid).','.json_encode(RecoveryUUID::get($uuid)).');';
    echo $out;
}
?>

• 下面是一个简单的基于文件的结果实现

<?php
class RecoveryUUID {
    static public function getFileName($uuid) {
        return SOMESTATIC LOCATION.$uuid.'.json';
    }
    static public function post($uuid, $stdClassOrString) {
        $data = '{ "data": '.json_encode($stdClassOrString).', "uuid": '.json_encode($uuid).' }';
        file_put_contents(self::getFileName($uuid), $data);
    }
    //might not work first time as the script tag might request this file before it was written.
    //so we wait just a bit.
    static public function getFull($uuid) {
        $tries = 10;
        $filename = self::getFileName($uuid);
        while ($tries > 0) {
            if(file_exists($filename)) {
                if (is_readable($filename)) {
                    $data = @file_get_contents($filename);
                    if($data !== FALSE) {
                        unlink($filename);
                        return $data;
                    }
                }
            }
            $tries = $tries -1;
            usleep(250000);//wait 0.25 secs ...
        }
        $data = new stdClass();
        $data->uuid = $uuid;
        $data->data = 'ERROR RECOVERYUUID: timeout on reading file';
        return $data;
    }
    static public function get($uuid) {
        $decoded = json_decode(self::getFull($uuid));
        if( $decoded->uuid == $uuid ) {
            return $decoded->data;
        }
        return null;
    }
}
?>

由于我们不使用JQuery，我们所需要做的就是在Ajax类中添加额外的逻辑，当然还有所有请求的Saving to Database。。

不利因素：

• 讨厌
• 将继续为每个调用添加内存占用（对我们来说不是问题，因为window.location.href调用之间的内存已被清除（我们不使用SPA），所以最终会失败
• 额外的服务器端逻辑

优点：

• 在内存耗尽之前一直有效（删除脚本标记，这样做不会删除关联的内存）

评论：

• 当然，您可以通过"调用"发送所有内容，但我们希望将服务器端的影响降至最低（或者对我们来说没有太多工作）+我们认为这将得到解决，这意味着我们的"用户"代码没有影响

奇怪的是，苹果刚刚关闭了我的bug，并引用了相同的bug编号。也是一个网络应用程序，但我发现css3转换在屏幕锁定后停止工作，如下所示：

工程部已确定您的错误报告（18556061）与另一个问题（18042389）重复，将关闭

我的报告：

如果您将HTML应用程序添加到主屏幕并打开它，则所有CSS3转换都能正常工作。在不关闭应用程序并按下屏幕锁定的情况下，转换似乎会停止，并可能导致ui看起来冻结。例如，如果触发了一个绝对覆盖（不透明度：0到不透明度：1），它将保持不可见，使应用程序看起来不起作用。

    document.body.style.display='none';
    setTimeout( function() { document.body.style.display = 'block'; }, 1);