趣味與功能：Chrome 開發人員工具簡介

Dale St. Marthe

Chrome 開發人員工具提供許多強大的工具，可協助您深入檢查及改善網路應用程式。

以下影片將概略介紹六項基本工具，包括「檢查」按鈕和「裝置模式」，以及「元素」、「控制台」、「來源」和「網路」面板。此外，您還會瞭解「樣式」分頁，以及如何自訂開發人員工具。

觀看影片瞭解如何：

• 檢查及編輯 DOM 元素。
• 使用方塊模型，可視覺化並變更元素的尺寸。
• 查看網頁在行動裝置上的顯示效果。
• 使用「控制台」面板找出 JavaScript 錯誤。
• 在「來源」面板中，使用中斷點偵錯 JavaScript。
• 在「網路」面板中分析及篩選網路活動。
• 模擬較慢的連線速度。
• 自訂開發人員工具。

如需深入瞭解相關資訊，請參閱開發人員工具總覽。