コンソールの内容を取得して表示するjs/jquery/ajaxはありますでしょうか？

Question

WEBページにそのページで通信されている内容(デバッグモードでいうconsole)をリアルタイムで表示したいと考えています。
どなたかご教授お願い致します。

Comments

[m.ts10806]

かなり丸投げなので、例えば「javascript console.log 画面表示」で検索した結果を試してみるなどして、何かしら調べてやってみてそれでわからなかった内容を質問するようにしてください。丸投げが過ぎるとだんだん回答がつかなくなります。

Answer 1

先んじて console.log 関数をすり換えてしまえば良いと思います。

例えば、以下のコードを最初に実行するなどで実現できるはずです。

(function(){
  const log = console.log;
  console.log = function(...args){
    log(...args);
    const li = document.createElement('li');
    li.innerText = args[0];
    document.getElementById('out').appendChild(li);
  }
})()

<ul id="out"></ul>