当前位置：首页 > jquery

jquery log

2026-03-17 02:44:41jquery

jQuery 日志记录方法

在jQuery中记录日志通常涉及使用浏览器的console.log()方法，但也可以结合其他调试工具或自定义方法。

使用console.log()

$(document).ready(function() {
    console.log("DOM fully loaded");
    $("#element").click(function() {
        console.log("Button clicked", $(this).attr("id"));
    });
});

自定义日志函数

$.log = function(message) {
    if (window.console && console.log) {
        console.log(message);
    } else {
        alert(message); // Fallback for older browsers
    }
};

// Usage
$.log("Custom log message");

高级日志记录技巧

条件日志记录

var debugMode = true;
$.extend({
    debugLog: function(msg) {
        if (debugMode) {
            console.log("[DEBUG] " + msg);
        }
    }
});

$.debugLog("This will only show in debug mode");

错误处理日志

$.ajax({
    url: "example.php",
    success: function(response) {
        console.log("AJAX success:", response);
    },
    error: function(xhr, status, error) {
        console.error("AJAX error:", status, error);
    }
});

日志级别实现

分级别日志系统

$.logger = {
    levels: {
        ERROR: 1,
        WARN: 2,
        INFO: 3,
        DEBUG: 4
    },
    currentLevel: 3,

    log: function(level, message) {
        if (level <= this.currentLevel) {
            var levelName = Object.keys(this.levels).find(key => this.levels[key] === level);
            console.log("[" + levelName + "] " + message);
        }
    }
};

// Usage
$.logger.log($.logger.levels.INFO, "Informational message");
$.logger.log($.logger.levels.DEBUG, "Debug message (won't show if currentLevel < 4)");

性能监控日志

执行时间记录

jquery log

$.timeLog = function(name, fn) {
    console.time(name);
    fn();
    console.timeEnd(name);
};

// Usage
$.timeLog("Array processing", function() {
    var arr = [];
    for (var i = 0; i < 100000; i++) {
        arr.push(i);
    }
});