# 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：一般線上的代碼都是打包后的代碼，不利于調試。點擊{}后格式化該文件。