在 Ubuntu 系统下调试 JavaScript,日志查看是最基础也是最重要的技能之一。针对不同场景,查看日志的方式也各有侧重——开发阶段常借助浏览器控制台,生产环境则更多依赖服务器日志文件。下面整理了多种实用方法,从简单的代码打印到命令行排查,覆盖日常开发与运维需求。

- 使用
console.log()埋点输出
这是最基础也最直接的方式,在代码中随意插入一句,就能把关键变量或状态打印出来。例如:
console.log("Hello, World!");
调试时,配合 console.error、console.table 等方法能让输出信息更结构化,是开发阶段的标配操作。
- 浏览器开发者工具——控制台面板
现代浏览器自带的开发者工具,是前端开发查看日志的“主战场”。以 Chrome 为例,操作步骤很简单:
- 打开 Chrome 浏览器,访问你的项目页面。
- 右键点击页面空白处,选择“检查”(Inspect),或直接按 F12 键。
- 在开发者工具中,切换到 Console 标签页。
这里会实时显示所有console.log输出的内容,同时还能看到错误、警告以及网络请求相关的日志。遇到代码报错时,控制台通常还会给出具体的调用栈,帮助快速定位问题根源。
- 命令行工具——查看日志文件
如果你的 JavaScript 应用(例如 Node.js 后端或服务端脚本)将日志写入文件,那么命令行工具就是最趁手的利器。以下几条常用命令值得牢记:
- cat:直接查看整个日志文件,适合文件较小、想一次性浏览全部内容的情况。
cat /path/to/your/logfile.log
- tail -f:实时跟踪日志文件尾部更新。线上排查时,一边操作一边观察日志输出,非常实用。
tail -f /path/to/your/logfile.log
- grep:从日志中搜索特定关键词或模式。例如,想找出所有包含“error”的行,可以这样操作:
grep "error" /path/to/your/logfile.log
这三个命令组合起来,基本能覆盖日常的日志排查需求。如果日志文件特别大,还可以搭配 less 或 more 分页查看。
- 用文本编辑器打开日志文件
有时需要更仔细地翻阅日志,或者顺便做点文本编辑,使用终端内的编辑器就很方便。例如:
nano /path/to/your/logfile.log
当然,你也可以选用 Vim、Gedit 等自己喜欢的编辑器。打开后,编辑器自带的搜索功能(通常是 Ctrl+W)能帮你快速定位关键信息。
总结一下:日常开发阶段,浏览器控制台是最快、最直观的日志查看方式;到了生产环境,配合命令行工具(特别是 tail -f 和 grep)处理日志文件,能让问题排查事半功倍。根据实际场景选对工具,效率自然会大幅提升。
