javascript - 计算 console.log 对象

Question

下面的代码将控制台日志打印到页面上。它记录来自服务器的获取和响应，例如:

14:15:17 GMT+0000 (GMT Standard Time) Submitting HTTP GET request to http...
14:15:22 GMT+0000 (GMT Standard Time) Received HTTP response: {..
14:15:17 GMT+0000 (GMT Standard Time) Submitting HTTP GET request to http...
14:15:22 GMT+0000 (GMT Standard Time) Received HTTP response: {..

我不想在页面上显示这些，而是​​想对每个响应和请求进行计数，以便您看到一个从 1 开始到结束时结束的数字，可以是任何数字。这是为了向用户展示正在发生的事情，而不向他们展示所有响应和获取数据。

        function logHttpResponse(response) {
        var now = new Date();
        var logger = document.getElementById('log');
        var logMessage = now.toTimeString() + " Received HTTP response: " + JSON.stringify(response);
        console.log = function (logMessage) {
            if (typeof logMessage == 'object') {
                logger.innerHTML += (JSON && JSON.stringify ? JSON.stringify(logMessage) : String(logMessage)) + '<br />';
            } else {
                logger.innerHTML += logMessage + '<br />';
            }
        }
    }

和 html:

<div id="log"></div>

Answer 1

如果您只想重写 console.log 以打印响应计数，应该这样做，但这会增加任何 console.log 调用的计数.

var logCount = 0

console.log = function (logMessage) {
    var logger = document.getElementById('log');
    logCount++;
    logger.innerHTML = logCount;
}

如果你想依靠响应而不是所有的控制台日志，使用这样的东西

var logCount = 0

function logHttpResponse(response) {
    var logger = document.getElementById('log');
    logCount++;
    logger.innerHTML = logCount;
}