為什麼專門寫 Debug#

Debug 不是寫完才開始的事；是貫穿整個開發流程的能力。Chrome DevTools 是前端最強大的工具，但多數人只用到 10%：看 console.log、改 CSS、刷新頁面。本 section 從 DevTools 各 panel 切入，把「怎麼觀察、怎麼測量、怎麼定位」整理為可重複的方法。

與 02-performance-optimization 互補：那邊寫的是「如何打造效能好的網站」，這邊寫的是「如何用工具觀察與診斷」。兩者並讀，從建構到量測形成閉環。

關聯閱讀#

• 前端 Q&A 廣度導覽 ➡️ 01-frontend
• 效能優化（建構視角）➡️ 02-performance-optimization