JavaScript 与多数程式语言一样，当我们把0.1 + 0.2 时，会出现一个怪异的数字，如果没有特别做处理的话，可能会产生bug；如果是做对数字精确度ㄧ要求高的产品(例如金融类的产品)，这是一定要避免的问题。也因此在JavaScript 面试中这也是常考的基础题。

本文介绍如何在浏览器开发者工具的来源面板中设置断点 (breakpoint) 进行前端程式 debug，比较其与 `console.log` 的差异与优势，并示范使用 `debugger` 指令与直接点击程式码行的操作方式，帮助开发者更高效地排查问题与检查变数状态。

本文介绍如何在浏览器开发者工具（DevTools）的来源面板中，透过 source map 将压缩或转译过的程式码对应回原始码，让前端工程师能更高效地 debug。内容涵盖预处理流程、source map 原理与实务应用，协助读者解决难以阅读程式码的问题。