Javascript 开发者控制台（Developer Console）

编写代码时难免会出错。事实上，你一定会犯错…… 哦，我在说什么？如果你是人类（而不是机器人 😆），那犯错是不可避免的。

为什么需要开发者工具？

在浏览器中，默认情况下，用户看不到错误信息。
所以，如果脚本运行出错，我们无法直观地看到问题所在，也就无法修复。

为了解决这个问题，浏览器内置了**“开发者工具”**（Developer Tools），帮助我们：
✅ 查看错误
✅ 调试代码
✅ 获取脚本的详细信息

开发者工具在哪些浏览器上可用？

大多数开发者更倾向于使用 Chrome 或 Firefox 进行开发，因为它们提供了最强大的开发者工具。

当然，其他浏览器（如 Edge、Safari）也提供开发者工具，并且有时带有特殊功能，但通常还是在追赶 Chrome 和 Firefox。

开发者一般会选择一个“最顺手的”浏览器**进行调试，只有在特定问题与某个浏览器相关时，才会切换到其他浏览器进行测试。

开发者工具的强大功能

开发者工具（DevTools）功能强大，包括：
🔹 查看和调试错误
🔹 实时运行 JavaScript 代码
🔹 检查和修改 HTML、CSS
🔹 分析网络请求（Network）
🔹 性能监测（Performance）
🔹 存储管理（Cookies、Local Storage 等）

如何打开开发者工具？

📌 快捷键方式（推荐）

• Windows/Linux：按 F12 或 Ctrl + Shift + I

• Mac：按 Cmd + Option + I

📌 手动方式

1. 右键 页面空白处，选择 “检查”（Inspect）。

2. 在弹出的开发者工具窗口中，点击 “Console” 选项卡，即可查看 JavaScript 相关的错误和日志。

朵朵

Linux, PHP, C，C++，JavaScript，verilog 老师