document.location.reload（真）在chrome中取消

Question

我有一个函数来检查结果是否在服务器上。

var d = document;
var dl = d.location;
var w = window;
var wt = w.setTimeout;
var X = XMLHttpRequest;
function _checkreload() {
    var x = new X();
    x.open('GET', '?test=results');
    x.onreadystatechange = function (c) {
        if (x.readyState === 4) {
            if (x.status == 205) {
                dl.reload(true);
            } else {
                wt(_checkreload, 200);
            }
        }
    };
    x.send();
};

_checkreload();

有时由于未知原因取消重新加载：

如何找出重装取消的原因？

因为请求被取消，所以详细信息窗格中没有任何信息。即使一些字节已经发送到服务器(或者甚至从服务器返回到浏览器)，chrome也不会显示它们。

Answer 1

就像提到的其他一些注释一样，看起来您的代码正在与加载所有页面资产竞争。

为了保护它，您可能需要将函数包装在窗口的load事件的事件侦听器中。

window.addEventListener('load', function(event){
    var d = document;
    var dl = d.location;
    var w = window;
    var wt = w.setTimeout;
    var X = XMLHttpRequest;
    function _checkreload() {
        var x = new X();
        x.open('GET', '?test=results');
        x.onreadystatechange = function (c) {
            if (x.readyState === 4) {
                if (x.status == 205) {
                    dl.reload(true);
                } else {
                    wt(_checkreload, 200);
                }
            }
        };
        x.send();
    };

    _checkreload();
});

如果每隔200毫秒的计时对此很关键，那么您可以为窗口的< code>loadstart和< code>loadend设置一个事件侦听器，并为每个事件设置时间戳。这两个事件的不同之处在于初始< code>setTimeout的偏移量。

Answer 2

尝试在< code>_checkReload函数中添加一个< code>try {} catch。这将帮助你知道是什么错误，如果是在JS方面。

var d = document;
var dl = d.location;
var w = window;
var wt = w.setTimeout;
var X = XMLHttpRequest;
function _checkreload() {
    try { // Add a try here...
        var x = new X();
        x.open('GET', '?test=results');
        x.onreadystatechange = function (c) {
            if (x.readyState === 4) {
                if (x.status == 205) {
                    dl.reload(true);
                } else {
                    wt(_checkreload, 200);
                }
            }
        };
        x.send();
    } catch (err) { console.log(err); } // ... and a catch there.
};

_checkreload();

当您的函数重新加载HTML页面时，我建议您启用chrome开发者工具上的保留日志功能。这在调试时会很有帮助。

最后但同样重要的是，请注意，如果您从localhost运行此代码，您可能会面临CORS错误。