Dale St. Marthe
Chrome 开发者工具提供了许多强大的工具，可帮助您深入检查和改进 Web 应用。
以下视频简要介绍了六种基本工具，包括检查按钮和设备模式，以及元素、控制台、来源和网络面板。此外，您还将了解 Styles（样式）标签页以及自定义 DevTools 的方法。
观看视频，了解如何：
- 检查和修改 DOM 元素。
- 使用盒模型直观呈现和更改元素的尺寸。
- 查看您的网页在移动设备上的显示效果。
- 使用控制台面板找出 JavaScript 错误。
- 使用来源面板中的断点调试 JavaScript。
- 在网络面板中分析和过滤网络活动。
- 模拟较慢的连接速度。
- 自定义开发者工具。
如需深入了解，请参阅我们的开发者工具概览。