Question

尽管通过从Navigation Timing API的responseStart时间中减去requestStart时间来计算服务器响应时间，但IE11上的差值很多时候接近0，并且与服务器端的数据不匹配。在具有iframe的页面上会发生这种情况吗？这是已知问题吗，还是有解决方法？

window.performance.timing.responseStart-window.performance.timing.requestStart

在Chrome上，结果更接近服务器端时间，但在IE11上却不然

Answer 1

请确保请求页面包含足够的元素，并花费时间进行加载。然后，尝试清除缓存并刷新页面（也可以使用Ctrl + F5或Enable the F12 developer tools "Always refresh from server" option）。

您可以参考以下代码：

<body>
    <a href="https://developer.telerik.com/featured/introduction-navigation-timing-api/">Go back to the article</a>

    <h1>Navigation Timing API</h1>

    <span id="nt-unsupported" class="hidden">API not supported</span>

    <h2>Timing info</h2>
    <ul id="timing-list"></ul>

    <h2>Navigation info</h2>
    <ul id="navigation-list"></ul>

    <small class="author">
        Demo created by <a href="https://www.audero.it">Aurelio De Rosa</a>
        (<a href="https://twitter.com/AurelioDeRosa">@AurelioDeRosa</a>).<br />
        This demo is part of the <a href="https://github.com/AurelioDeRosa/HTML5-API-demos">HTML5 API demos repository</a>.
    </small>
    <img src="Images/Image2.jpg" />
    <img src="Images/Image1.jpg" />
    <img src="Images/Image3.jpg" />   
    <img src="Images/Image2.jpg" />
    <img src="Images/Image1.jpg" />
    <img src="Images/Image3.jpg" />
    <script>
        if (!('performance' in window) ||
            !('timing' in window.performance) ||
            !('navigation' in window.performance)
        ) {
            document.getElementById('nt-unsupported').className = '';
        } else {
            window.addEventListener('load', function () {
                var list = '';
                var timings = window.performance.timing;
                for (var timing in timings) {
                    list += '<li>' + timing + ': <span class="value">' + timings[timing] + '</span></li>';
                }
                list += '<li>window.performance.timing.responseStart - window.performance.timing.requestStart : <span>' + (window.performance.timing.responseStart - window.performance.timing.requestStart) + '</span></li>';
                document.getElementById('timing-list').innerHTML = list;
                list = '';
                list += '<li>redirectCount: <span class="value">' + window.performance.navigation['redirectCount'] + '</span></li>';
                list += '<li>type: <span class="value">' + window.performance.navigation['type'] + '</span></li>';
                document.getElementById('navigation-list').innerHTML = list;
            });
        }
    </script>
</body>

结果如下：

IE11中带有iFrame的页面的Navigation Timing API的值不正确

1 个答案: