javascript için dbug (a * gerçekten * pretty print for vars) için herhangi bir eşdeğer var mı?

Question

Firebug'da console.log'un farkındayım ve bu şey dbug (ama istediğim kadar değil). dbug output http://dbug.ospinto.com/img/screenshots.png

I'm also aware of this question

, ve bir şey biraz daha sekmeli arıyorum: Ne aradığım javascript için şöyle bir nesne haline bana oldukça baskı iç içe bir görünüm verecektir şeydir.

Answer 1

denemesi:

bir demo izleyin: http://jsbin.com/oxeki

kodu:

var prettyPrint = (function(){ 

    var htmlObj = function(obj){ 
      if (Object.prototype.toString.call(obj) === '[object RegExp]') { 
       return obj.toSource ? obj.toSource() : '/' + obj.source + '/'; 
      } 
      if (typeof obj === 'object') { 
       return prettyPrint(obj); 
      } 
      if (typeof obj === 'function') { 
       return document.createTextNode('function(){...}'); 
      } 
      return obj.toString(); 
     }, 
     row = function(cells, type){ 
      type = type || 'td'; 
      var r = document.createElement('tr'); 
      for (var i = 0, l = cells.length; i < l; i++) { 
       var td = document.createElement(type); 
       td.appendChild(typeof cells[i] === 'string' ? document.createTextNode(cells[i]) : cells[i]); 
       r.appendChild(td); 
      } 
      return r; 
     }, 
     heading = function() { 
      var thead = document.createElement('thead'); 
      thead.appendChild(row(['Name','Value'], 'th')); 
      return thead; 
     }; 


    return function(obj) { 

     var tbl = document.createElement('table'), 
      tbody = document.createElement('tbody'); 

     for (var i in obj) { 
      var objCellContent = obj[i] === obj ? document.createTextNode('CIRCULAR REFERENCE') : htmlObj(obj[i]); 
      tbody.appendChild(row([document.createTextNode(i), objCellContent])); 
     } 

     tbl.appendChild(heading()); 
     tbl.appendChild(tbody); 
     return tbl; 

    }; 

})(); 

Answer 2

Bu tür bir hata ayıklayıcısına rastlamamış olmama rağmen, bu özel stilin kendi başına yazması çok zor gibi görünmüyor. Sadece mevcut nesneyi geçen basit bir özyinelemeli fonksiyon ve yazı yazmaya başlamak için bir tablo hücresi, o zaman sadece siz yapın.

Yukarıdaki döngüsel referans yorumu için, daha önce işlediğiniz nesnelerin bir dizisini tutarak kolayca atlatılabilir. Bir nesneyi işlemeden önce, listede olup olmadığını kontrol edin. eğer öyleyse, çıktınızın değer alanında, "döngüsel referans" gibi bir şey olduğunu belirtin, ancak nesneyi hiyerarşiyi göstermek istersiniz.

prettyprint(object, processedObjects) 
{ 
    if (processedObjects.contains(object)) 
     return 'circular refernece'; 

    processedObjects.push(object); 

    create newTable; 

    for (var in object) 
    { 
     row = newTable.addRow(); 
     row.cell1.value = var; 
     if (typeof object[var] is object) 
      row.cell2.value = prettyprint(object[var], processedObjects); 
     else if (typeof object[var] is function) 
      row.cell2.value = '[function]'; 
     else 
      row.cell2.value = object[var].toString(); 
    } 

    return newTable; 
} 

Answer 3

Sana, http://www.netgrow.com.au/files/javascript_dump.cfm bunun javascript eşdeğer coldfusion en bu aradığınızı düşünüyorum döküm etiketi

Answer 4

Az öncegördümbugün, belki de aradığınız şey bu mu?