Chrome Sources SegmentFault交互示例：Chrome Sources。 博客配套 SegmentFault ← Demo 归档

Chrome Sources

SegmentFault交互示例：Chrome Sources。

更新于 2019-07-18

Web SegmentFault 博客配套 legacy SegmentFault 博客配套

新窗口打开 原路径 /static/html/sf-a-1190000019790706-chrome-sources.html

简介

Chrome Sources / 断点调试相关演示：在页面中触发可调试脚本，配合 debugger、XHR、jQuery Ajax。

如何测试验证

1. 打开 DevTools → Sources，按文章步骤下断点。
2. 点击页面按钮命中断点。
3. 对比同步代码、XHR 回调、$.ajax 回调的调用栈。

相关规范与文档

• Chrome DevTools: Debug JavaScript
• MDN: debugger statement