上一篇
火狐JS控制台怎么打开，都有哪些调试功能
如何打开 Firefox 控制台
- 快捷键：Windows/Linux 按 Ctrl+Shift+J，Mac 按 Cmd+Shift+J。
- 菜单路径：工具 > 浏览器工具 > 控制台。
- 或者通过 F12 打开开发者工具,然后选择控制台面板。
控制台界面组成
- 命令行：底部输入区域，用于输入 JavaScript 代码。
- 输出区域：显示代码执行结果、日志和错误信息。
- 过滤选项：顶部按钮，可筛选显示日志、错误、警告等信息。
常用功能
- 执行代码：在命令行输入代码，按 Enter 运行。
- 查看历史：按 上箭头键 调出之前执行的命令。
- 多行编辑：按 Shift+Enter 换行，输入多行代码后按 Enter 执行。
- 清除日志：输入 clear() 或按 Ctrl+L。
常用命令表格
| 方法 | 用途 |
|---|---|
| console.log() | 输出普通信息 |
| console.error() | 输出错误信息，带红色标记 |
| console.warn() | 输出警告信息，带黄色标记 |
| console.table() | 以表格形式显示数组或对象数据 |
| console.dir() | 显示对象的属性列表 |
| console.time() | 启动计时器 |
| console.timeEnd() | 停止计时器并输出耗时 |
| $0 | 引用当前在元素面板中选中的元素 |
使用技巧
- 自动补全：输入代码时按 Tab 键补全变量或方法。
- 表达式计算：直接输入表达式（如 1+2）并回车,立即得出结果。
- 错误定位：点击输出区域的错误信息,可跳转到源文件的具体行号。
相关问题与解答
问题1：如何在 Firefox 控制台中保存命令历史？
解答：控制台默认保存当前会话的历史记录，但关闭标签页后历史会丢失，要永久保存，可使用 console.history 对象（需安装扩展）或手动记录命令到文本文件，按 上箭头键 可以快速访问近期命令。
问题2：console.log 和 console.table 在显示数据时有什么不同？
解答：console.log 直接输出数据的文本表示，适合简单变量或字符串；console.table 将数组或对象数据格式化为表格，便于查看结构，显示数组 [{name:"A", age:20}, {name:"B", age:30}] 时，console.log 会输出对象字符串，而 console.table 会生成行列清晰的表格,每项对应一行。
