Неправильные значения API синхронизации навигации в IE11 для страниц с iFrames - PullRequest
Новая
       19

Неправильные значения API синхронизации навигации в IE11 для страниц с iFrames

0 голосов
/ 09 апреля 2019

При расчете времени отклика сервера путем вычитания времени requestStart из времени отклика API синхронизации навигации, в IE11 различие близко к 0 во многих случаях, и оно не совпадает с данными со стороны сервера.Это происходит на страницах с iframes, это известная проблема или есть обходной путь для этого? 

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

в Chrome результаты ближе к времени сервера, но не в IE11

1 Ответ

0 голосов
/ 10 апреля 2019

Пожалуйста, убедитесь, что страница запроса содержит достаточно элементов и потратить время на загрузку.Затем попробуйте очистить кэш и обновить страницу (также можно использовать Ctrl + F5 или . Включить инструмент разработчика F12 «Всегда обновлять с сервера» ).

Вы можете обратиться кследующий код: 

<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>

результат как показано ниже:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...