本经验介绍在Firefox开发者工具中调试页面时，如何根据网络请求断点调试。应用场景如：需要弄明白发送某个网络请求js代码。
工具/原料
Firefox
方法/步骤
1
首先，Fn+F12打开开发者工具栏，切换到网络面板，然后操作页面，产生网络请求。如图点击一个POST请求。
2
点击这个请求以后，在右侧切换到堆栈追踪面板，可以看到产生该网络请求的调用栈。
3
调用栈给出了函数名和所在文件。可以判断出来前两个和后两个来自jQuery，中间两个是页面自己的js代码。
4
直接点击后边的文件名，跳转到调试窗口。点击左下角美化代码按钮，如图效果。
5
在代码上点击下断点以后，再次操作网页，发生中断。右侧查看断点堆栈。
注意事项
在断点处，可以单步，步过，跳出等等进行调试。