如何在IntelliJ中无需调试即可查看console.log输出

分两种运行场景说明可行方案：

1. Node.js本地脚本环境 #

直接在终端执行你的JS脚本，console.log的内容会实时打印到终端，完全不需要浏览器：

node your-script.js

2. 浏览器端网页JS环境 #

方法一：直接打开控制台面板 #

不用进入调试模式，按F12（Windows/Linux）或Cmd+Opt+I（Mac）打开开发者工具，切换到Console面板，就能实时看到console.log的输出，不需要设置断点。

方法二：把日志输出到网页页面上 #

如果不想打开开发者工具，可以重写console.log方法，让日志同时输出到页面的固定区域：

// 保留原生console.log功能
const originalLog = console.log;

// 重写console.log，同时输出到控制台和页面
console.log = function(...args) {
  originalLog.apply(console, args);
  
  // 创建日志容器（不存在则生成）
  let logBox = document.getElementById('log-box');
  if (!logBox) {
    logBox = document.createElement('div');
    logBox.id = 'log-box';
    logBox.style.cssText = `
      position: fixed;
      bottom: 0;
      width: 100%;
      padding: 12px;
      background: #f5f5f5;
      font-family: monospace;
      max-height: 250px;
      overflow-y: auto;
      border-top: 1px solid #ddd;
    `;
    document.body.appendChild(logBox);
  }
  
  // 将日志内容追加到容器
  const logLine = document.createElement('div');
  logLine.textContent = args.join(' ');
  logBox.appendChild(logLine);
};

把这段代码放到你的JS脚本最开头，之后所有console.log的内容会同时显示在页面底部的日志栏和浏览器控制台里。

内容的提问来源于stack exchange，提问作者bryan lee