关键是要让调试器停在MD5校验回调中：启用Source Map定位源码、在回调内用debugger或行号打点、Promise场景断在then或await后语句，并确认回调实际触发。
在 JavaScript 中，分片下载时对每个分片校验 MD5 的回调里打断点，关键不是“能不能断”，而是如何让调试器真正停住并进入你关心的回调逻辑。常见问题其实是：回调是异步执行的、可能被 Promise 或事件驱动封装、或者被压缩/混淆导致断点失效。下面分几种典型场景说明怎么做。
确保源码映射（Source Map）可用
如果你用 Webpack/Vite 等构建工具打包了代码，MD5 校验逻辑可能在压缩后的 bundle 里。此时直接在浏览器 DevTools 的 Sources 面板里找原始文件打不了点——必须开启 source map：
- 构建配置中设置
devtool: 'source-map'（Webpack）或build.sourcemap: true（Vite） - 确保生成的
.map文件被正确加载（Network 面板看是否有 404） - 刷新页面后，在 Sources 面板左侧找到原始
.ts或.js文件，点击行号左侧打上断点
在 MD5 校验回调函数内部直接打断点
假设你用的是 spark-md5 或类似库做分片哈希计算，典型写法如下：
const spark = new SparkMD5.ArrayBuffer();
reader.onload = function (e) {
spark.append(e.target.result); // 分片 ArrayBuffer
spark.end(); // 触发计算
console.log('分片 MD5:', spark.getHash()); // ← 在这行打个 debugger 或点击行号断点
};
操作方式：
立即学习“Java免费学习笔记（深入）”；
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 在
console.log前加debugger;语句（简单直接，无需鼠标点） - 或在 DevTools 的 Sources 面板中，定位到该回调函数所在文件和行号，点击行号左侧灰色区域设断点
- 注意：如果回调是动态生成（如箭头函数内联），确保它没被编译成匿名函数丢失上下文；可临时重命名为具名函数便于识别
处理 Promise 链或 async/await 场景
若 MD5 校验被封装进 Promise（比如调用 calculateMD5(chunk) 返回 Promise），断点要落在 then 回调或 await 后的语句上：
await calculateMD5(chunk).then(hash => {
console.log('校验完成:', hash); // ← 这里打点
if (hash !== expected) throw new Error('MD5 不匹配');
});
技巧：
- 在
console.log行设断点，DevTools 会暂停并显示hash变量值 - 不要在
calculateMD5函数定义处打点（它只是返回 Promise，不执行校验） - 可在
await行设断点，但需确认该行确实执行到了（比如加个console.log('before await')辅助判断流程）
检查是否被跳过或未触发
有时断点“不生效”，其实是因为回调根本没运行。排查方向：
- 确认分片读取成功：
reader.onerror是否被调用？加日志看是否报错 - 确认
reader.onload被绑定且没有被覆盖（比如重复赋值reader.onload = ...） - 检查是否用了
reader.readAsArrayBuffer()（MD5 计算需要 ArrayBuffer，不是readAsText） - 打开 Network 面板，确认分片请求返回状态正常（200），且响应类型支持二进制解析
不复杂但容易忽略：断点前先确保代码已执行到那一步，再看变量、调用栈、作用域是否符合预期。调试的本质是验证“这里到底有没有跑、跑得对不对”。
