# Sources面板 sources面板是调试中最常用的地方。 位置1：查看页面中加载的资源文件 位置2：如果浏览器装了插件，插件所需要的JS文件会在这里显示 位置3：使用ctrl+p/ctrl+o 打开某个文件 位置4：断点的操作 位置5：查看异步请求时所设置的定时器 位置6：点击右边的加号，可以增加监听的变量。不过鼠标放到JS文件中的变量时也会显示对应的值。 位置7：设置各种不同的断点。 　　当勾选XHR Breakpoints里的any XHR时，页面中触发Ajax请求时都会中断。 　　当勾选"Event listener breakpoint" 下的 Mouse（鼠标）下的 Click （单击）事件时，触发某个按钮的点击事件就会中断。 位置8：一般线上的代码都是打包后的代码，不利于调试。点击{}后格式化该文件。