在页面内的div中显示控制台错误和警报

// 保存原始的控制台错误函数
const originalError = console.error;

// 自定义的错误处理函数
console.error = function (message) {
  // 将错误信息显示在页面内的div中
  document.getElementById("errorDiv").innerHTML = message;

  // 调用原始的控制台错误函数，以便在浏览器的控制台中显示错误信息
  originalError.apply(console, arguments);
};

// 保存原始的控制台警告函数
const originalWarn = console.warn;

// 自定义的警告处理函数
console.warn = function (message) {
  // 将警告信息显示在页面内的div中
  document.getElementById("warningDiv").innerHTML = message;

  // 调用原始的控制台警告函数，以便在浏览器的控制台中显示警告信息
  originalWarn.apply(console, arguments);
};

<div id="errorDiv"></div>
<div id="warningDiv"></div>