控制台记录多个条目＆amp; DOM条目

Question

很抱歉提出这个问题，但我更清楚我的想法。我在我的代码的两个部分添加了控制台日志。当我在每个帖子中来回导航时，即使我多次点击相同的帖子，每次都会添加不同的日志。我希望这并不表示我的DOM已经填满了，即使我在代码中添加了.empty（）函数，希望这只是清除控制台日志并添加新的点击。屏幕截图如下：

代码部分：

$(document).on('pagebeforeshow', '#blogposts', function() {     

    $('#postlist').html();  
        $.ajax({
            url: "http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories",
            dataType: "json",
            beforeSend: function() { $.mobile.showPageLoadingMsg(true); },
            complete: function() { $.mobile.hidePageLoadingMsg(); },

            success:function (data){

                console.log(data);
                $.each(data.posts, function(key, val) {

                var result = $('<li/>').append([$("<h3>", {html: val.title}),$("<p>", {html: val.excerpt})]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>');
                $('#postlist').append(result);
                return (key !== 4);

            });

            $("#postlist").listview().listview('refresh');

function showPost(id) {
    $.mobile.showPageLoadingMsg("b", "Loading", false);
    console.log(id);
    $('#mypost').empty();
    $.getJSON('http://howtodeployit.com/category/daily-devotion/?json=get_post&post_id=' + id + '&callback=?', function(data) {
        var posts='';

Answer 1

你可以运行console.clear()。

另外，您可能对console.table(data.posts)感兴趣。

Answer 2

使用jQuery的empty()对控制台无效，因为jQuery可以在DOM上运行，与控制台无关。控制台的标准行为是保持附加数据（这样您就可以记录日志记录）。您可以尝试使用console.clear()，但并非所有浏览器都支持此功能。我确实相信Chrome和更新版本的FireBug支持它。