2012-07-28 9 views
16

ノード変数を直接Google Chromeブラウザコンソールに出力する方法をお探しです。同じ方法で、console.log()がクライアント側で動作します。 this for phpのようなものです。これは開発を大幅にスピードアップします。Node.jsからChromeコンソールに出力

+1

を発見したクールなビデオです-inspector、https://github.com/dannycoates/node-inspector/。 –

答えて

19

注:以来 古い答え(2014年9月に書かれた)は、node-inspectorの古いバージョンを指しています。私の指示はもう2017年には関連していません。また、ドキュメントもかなり良くなっています。元の回答:

ノードインスペクタが必要です。 デバッグ用の開発者ツールでChromeのインスタンスを開きます。ユーザーの場合https://github.com/node-inspector/node-inspector

1

1.

$ npm install -g node-inspector 

2.スタート

$ node-debug app.js 

ソースをインストールします。

それは使用することも簡単ですssh-shell経由のlinuxのnodejs(パテ):

linux-ssh-shellのnodejsの問題は、ブラウザが接続されていないということです。 私はこのすべてのソリューションを試しましたが、うまく動作しませんでした。

私はfirebase(https://firebase.google.com)のソリューションを開発しました。私のプロジェクトはfirebaseを使用しているからです。 火災基地に精通していれば、これは素晴らしい方法です。もしそうでなければ、firebaseはnodejsと組み合わせて使う価値があります。 (ノードで開始)、サーバー側スクリプトで

独自機能のログを使用する():クライアント側で

// server-side: 
// using new firebase v3 ! 
var fbRootRef = firebase.database(); 
var fbConsoleRef = fbRootRef.ref("/console"); 
var log = function(args) { 
    fbConsoleRef.set({'obj': args}); 
} 

// inside your server-code: 
log({'key':'value'}); 

あなたはこのコンソール・オブジェクト上firebase参照を作成します。

// client side: 
fbRootRef.child('/console').on('value', function(d) { 
    var v = d.val(); 
    console.log(v); 
}); 

これで、log()関数を使用してサーバー側でログに記録されたものはすべてリアルタイムでファイアベースデータベースに転送され、そこからclient-console-referenceがトリガされ、ブラウザコンソールに記録されます。

誰かが助けを必要とするなら、私はより詳細に説明し、タイプ(console./log/warn/info)、title-infoでグルーピングしてこのロギングのより拡張バージョンを与えることができます。 +ライン)

あなたのプロジェクトにファイアベースを設定するには、最大30分でコンソール機能を30分で挿入します。

0

これは、私はこれは、あなたが探しているまさにではなく、ノードを見てみましょう アンドリュー・ミード

によってVSCとクロムブラウザ上でコードをデバッグする方法についてYou tube link

関連する問題