有没有办法将所有控制台输出记录到HTML页面？

Question

我正在开发一个电子应用程序来运行我的discord.js机器人，我想要将任何可能抛到控制台的错误记录到我创建的div的html中。我把它用在console.log和console.error上，但discord.js用的是throw new Error。有没有办法从这些类型的错误中提取错误内容，以便将其打印到我的新“控制台”中？

下面是我做console.log的方法：

console.log = function(message) {
    document.getElementById('console-text').innerHTML += `<p class="console-output">${message}<p>`
  };

Answer 1

您可以将error侦听器添加到窗口中：

​

const container = document.getElementById('console-text');
window.addEventListener('error', (error) => {
  const p = container.appendChild(document.createElement('p'));
  p.textContent = error.message;
  p.className = 'console-output';
});

throw new Error('foobar');

<div id="console-text"></div>

​

在Node中，可以通过侦听unhandledException事件来完成相同的操作：

require('process').on('uncaughtException', (error) => {

我建议不要做

.innerHTML += `<p class="console-output">${message}<p>`

因为这允许执行任意代码。显式创建<p>元素并将其分配给它的textContent。