javascript用のdbugに相当するものはありますか？

Question

私はfirebugのconsole.logを知っていて、このことはdbugと呼ばれています（しかし、私は何も望んでいません）。

dbug output http://dbug.ospinto.com/img/screenshots.png

I'm also aware of this question、もう少し何か表を探しています：私が探しているのjavascriptのために、このようになりますオブジェクトに私にはかなりの印刷ネストされたビューを与えるものです。

Answer 1

の試み：

デモを参照してください：http://jsbin.com/oxeki

コード：

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

私はこのようなデバッガを実行していませんが、この特定のスタイルはあなた自身で書くのが難しいようです。現在のオブジェクトとテーブルセルを渡すだけの基本的な再帰関数です。

上記の循環参照コメントは、既に処理したオブジェクトの配列を保持することで簡単に回避できます。オブジェクトを処理する前に、オブジェクトがすでにリストに入っているかどうかを確認してください。そうであれば、出力の値フィールドに "循環参照"のようなものを表示します。ただし、オブジェクトを階層の上に表示したいとします。

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

を、私はそれは、ColdFusionののjavascriptのと同等だhttp://www.netgrow.com.au/files/javascript_dump.cfm、あなたが探していることは、このだと思いますダンプ・タグ

Answer 4

私はちょうどを見た今日、多分これはあなたが探しているものですか？