0

これは実際には 2 つの部分からなる質問です。

私の最初の部分は、もちろん、Javascript のコンソールを表示する方法です。たとえば、画面上のボックスの行に沿って何かが表示され、コンソール テキストが表示されます。

2番目の部分は、最初の質問で作成したコンソールを、特定の幅と高さの特定の場所にのみ表示する方法があるかどうかです。

私の最終的な製品の例は次のようになります。大きな窓のある家の写真があり、実際に回答や入力を入力できるコンソールがそのウィンドウに表示されます。これは可能ですか？

編集:ウィンドウに合わせてサイズを調整できるコンソールは、できればアウトラインなしでいいでしょう。

4

2 に答える 2

0

これがあなたが探している答えかどうかはわかりませんが、私の経験の一部をあなたと共有できます.

私がよく使うのは、次のようなものです。

var JS_DEBUG = true; //global var
function Log(str) {
  if(JS_DEBUG) console.log(str);
}

そして、すべての ajax 呼び出しと、関数で必要なものすべてをログに記録しLog()ます。プロジェクトが完了したら、クライアントに設定JS_DEBUGするだけfalseで、デバッグ ガベージのないクリーンなコードが得られ、「console.log」呼び出しのクリアに費やす時間を節約できます。

Log()コンソールにログインするときに他のことを行うように改善することもできます。

ちなみに、Google Chrome の Javascript コンソールのショートカットはCTRL+SHIFT+Jです。

于 2013-06-05T04:25:21.923 に答える
0

私は過去にこれを必要としていました。それを行うには、すべてのconsole.log呼び出しを のようなものに置き換えますmyconsole.log。myconsoleブラウザのコンソール (必要な場合) と<pre>HTML ページの領域の両方にメッセージを出力するために実装します。ユーザー入力が必要な場合は<input type="text">、コンソール出力パネルの下に1 行を追加myconsoleし、ユーザー入力を受け入れる適切なルーチンを実装して、それをコンソール パネルにコピーし、適切なハンドラーを呼び出します。

前述のように、ユーザーが実行のために JS コードを入力できるようにする必要がある場合、事態はすぐに複雑になります。

これがお役に立てば幸いです。

于 2013-06-05T04:19:05.867 に答える