前言:最近遇到有的組件(比如vxe-table)會在本地run dev的時候生成自己的變量,但是發布到測試環境上面就會消失,所以需要借助瀏覽器打斷點來調試一下,方便看一下函數有沒有執行,變量賦值等有沒有生效,減少了發布測試的頻率,總結一下
下面總結一下瀏覽器的斷點調試方法:
1.F12打開控制台,點開source,說明如下圖:

2.在本地代碼里面復制一下需要查看是否執行的函數名稱,source里面的每個js文件去ctrl+F找一下,左下角的 “{}” 按鈕可以格式化js代碼,找到之后單擊這一行就可以添加斷點,執行操作觸發斷點,方便查看每一個變量的值,如下圖:

